/* COMPASS Kit v1 · eigenes Produkt von Athron.io, abgeleitet aus der athron.io-Web-Identität · 15.09.2026
   Auftrag: docs/concepts/design/auftraege/2026-09-15-compass-produkt-design.md · Spec: compass-design-system.html · Identität: compass-identitaet.html
   Prefix ck- · Themes via [data-theme=light|dark] auf <html> · Frame-Vertrag: data-frame auf <html>
   Farben = athron.io-Firmenpalette (Neutral + Spektrum Violett/Blau/Cyan, Blau als Akzent). Zeichen = Firmen-Würfel (AthronMark, isometrisch, Spektrum-Flächen). Tesserakt (tesseract.js) als bewegtes Motiv auf Website/Login. Kein Aurora, keine Athron-App-Tokens.
   Kein Framework, kein Build. Zahlen, Labels, Schlüssel IMMER .ck-num / .ck-label (JetBrains Mono, tabular). */

/* ── Fonts (lokal, OFL, keine externen Requests) ── */
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url('fonts/SpaceGrotesk[wght].ttf') format('truetype')}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/Inter[opsz,wght].ttf') format('truetype')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url('fonts/JetBrainsMono[wght].ttf') format('truetype')}

/* ── Tokens · hell (Standard) ── */
:root,[data-theme="light"]{
  color-scheme:light;
  --ck-bg:#F6F8FB;--ck-bg-elev:#FBFCFE;--ck-card:#FFFFFF;--ck-sunken:#EEF1F6;--ck-inverse:#0E1117;
  --ck-t0:#0E1117;--ck-t1:#333B47;--ck-t2:#4B5563;--ck-t3:#6B7280;--ck-t4:#9AA3B2;--ck-t-inv:#FFFFFF;
  --ck-hair:#E3E7ED;--ck-border:#CBD2DC;--ck-border-strong:#9AA3B2;
  --ck-ac:#3D6BEB;--ck-ac-hover:#2F58C9;--ck-ac-bg:rgba(76,125,255,.10);--ck-ac-bd:rgba(76,125,255,.38);--ck-ac-ink:#FFFFFF;
  --ck-violet:#7C5CFF;--ck-blue:#4C7DFF;--ck-cyan:#22D3EE;
  --ck-k-regel:#7C5CFF;--ck-k-konzept:#4C7DFF;--ck-k-technik:#0E9CB8;--ck-k-vorlage:#6B7280;--ck-k-bericht:#7A6B5A;--ck-k-prozess:#0E9CB8;
  --ck-spectrum:linear-gradient(90deg,#7C5CFF 0%,#4C7DFF 50%,#22D3EE 100%);
  --ck-ruhig:#0F8A5A;--ck-ruhig-bg:#E6F7EF;--ck-ruhig-bd:rgba(15,138,90,.35);
  --ck-unbekannt:#5B6674;--ck-unbekannt-bg:#EEF1F6;--ck-unbekannt-bd:#CBD2DC;
  --ck-achtung:#A35E00;--ck-achtung-bg:#FDF3E1;--ck-achtung-bd:rgba(163,94,0,.35);
  --ck-fehler:#C4372D;--ck-fehler-bg:#FDECEA;--ck-fehler-bd:rgba(196,55,45,.35);
  --ck-sel:rgba(76,125,255,.07);--ck-focus:0 0 0 3px rgba(76,125,255,.28);
  --ck-sh-sm:0 1px 2px rgba(14,17,23,.04),0 1px 1px rgba(14,17,23,.03);
  --ck-sh-md:0 4px 12px rgba(14,17,23,.06),0 1px 2px rgba(14,17,23,.04);
  --ck-sh-lg:0 16px 40px rgba(14,17,23,.10),0 2px 6px rgba(14,17,23,.04);
  --ck-graph-node:#FFFFFF;--ck-graph-edge:#CBD2DC;
}
/* ── Tokens · dunkel (abgeleitet: gleiche Neutralskala gespiegelt, Akzent aufgehellt) ── */
[data-theme="dark"]{
  color-scheme:dark;
  --ck-bg:#0E1117;--ck-bg-elev:#12161E;--ck-card:#161B24;--ck-sunken:#0B0E13;--ck-inverse:#FFFFFF;
  --ck-t0:#F6F8FB;--ck-t1:#E3E7ED;--ck-t2:#B7BFCB;--ck-t3:#8A94A4;--ck-t4:#5E6878;--ck-t-inv:#0E1117;
  --ck-hair:#222935;--ck-border:#2E3745;--ck-border-strong:#4B5563;
  --ck-ac:#7FA1FF;--ck-ac-hover:#9DB7FF;--ck-ac-bg:rgba(127,161,255,.12);--ck-ac-bd:rgba(127,161,255,.40);--ck-ac-ink:#0E1117;
  --ck-k-regel:#A78BFA;--ck-k-konzept:#7FA1FF;--ck-k-technik:#22D3EE;--ck-k-vorlage:#8A94A4;--ck-k-bericht:#B39E86;--ck-k-prozess:#22D3EE;
  --ck-ruhig:#3ECF8E;--ck-ruhig-bg:rgba(62,207,142,.12);--ck-ruhig-bd:rgba(62,207,142,.35);
  --ck-unbekannt:#A5AEBC;--ck-unbekannt-bg:rgba(165,174,188,.12);--ck-unbekannt-bd:rgba(165,174,188,.35);
  --ck-achtung:#F0B24A;--ck-achtung-bg:rgba(240,178,74,.12);--ck-achtung-bd:rgba(240,178,74,.35);
  --ck-fehler:#F27A70;--ck-fehler-bg:rgba(242,122,112,.12);--ck-fehler-bd:rgba(242,122,112,.35);
  --ck-sel:rgba(127,161,255,.10);--ck-focus:0 0 0 3px rgba(127,161,255,.32);
  --ck-sh-sm:0 1px 2px rgba(0,0,0,.4);--ck-sh-md:0 4px 14px rgba(0,0,0,.45);--ck-sh-lg:0 18px 48px rgba(0,0,0,.6);
  --ck-graph-node:#1C2230;--ck-graph-edge:#2E3745;
}
/* ── Skalen (themenunabhängig) ── */
:root{
  --ck-font-display:'Space Grotesk',sans-serif;--ck-font-body:'Inter',system-ui,sans-serif;--ck-font-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --ck-s1:4px;--ck-s2:8px;--ck-s3:12px;--ck-s4:16px;--ck-s5:20px;--ck-s6:24px;--ck-s8:32px;--ck-s10:40px;--ck-s12:48px;--ck-s16:64px;--ck-s20:80px;--ck-s24:96px;
  --ck-r-xs:6px;--ck-r-sm:8px;--ck-r-md:12px;--ck-r-lg:16px;--ck-r-xl:24px;--ck-r-pill:999px;
  --ck-ease:cubic-bezier(.4,0,.2,1);--ck-fast:120ms;--ck-base:220ms;
  --ck-sidew:240px;--ck-topbarh:56px;--ck-container:1120px;--ck-gutter:24px;
}

/* ── Basis ── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ck-bg);color:var(--ck-t1);font:400 15px/1.55 var(--ck-font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:var(--ck-ac);text-decoration:none}a:hover{color:var(--ck-ac-hover);text-decoration:underline;text-underline-offset:2px}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:0;box-shadow:var(--ck-focus);border-radius:var(--ck-r-xs)}
::selection{background:rgba(76,125,255,.22)}
hr,.ck-divider{border:0;height:1px;background:var(--ck-hair);margin:0}
code,kbd,.ck-num,.ck-mono{font-family:var(--ck-font-mono);font-variant-numeric:tabular-nums;font-feature-settings:'tnum' on}
code{font-size:.9em;background:var(--ck-sunken);border-radius:4px;padding:1px 5px;color:var(--ck-t1)}
kbd{font-size:11px;border:1px solid var(--ck-border);border-bottom-width:2px;border-radius:5px;padding:1px 6px;color:var(--ck-t2);background:var(--ck-card)}
.ck-spectrum{height:2px;background:var(--ck-spectrum);border-radius:1px}
.ck-spectrum-text{background:var(--ck-spectrum);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ── Typografie · Display nur Space Grotesk, Rest Inter, Labels/Zahlen Mono ── */
.ck-display{font:500 clamp(40px,5vw,64px)/1.02 var(--ck-font-display);letter-spacing:-.025em;color:var(--ck-t0);margin:0;text-wrap:balance}
.ck-display-s{font:500 clamp(30px,3.6vw,44px)/1.08 var(--ck-font-display);letter-spacing:-.02em;color:var(--ck-t0);margin:0;text-wrap:balance}
.ck-h1{font:600 26px/1.2 var(--ck-font-body);letter-spacing:-.02em;color:var(--ck-t0);margin:0}
.ck-h2{font:600 19px/1.3 var(--ck-font-body);letter-spacing:-.015em;color:var(--ck-t0);margin:0}
.ck-h3{font:600 15px/1.4 var(--ck-font-body);color:var(--ck-t0);margin:0}
.ck-lead{font:400 18px/1.6 var(--ck-font-body);color:var(--ck-t2);margin:0;max-width:62ch;text-wrap:pretty}
.ck-body{font:400 15px/1.6 var(--ck-font-body);color:var(--ck-t1);margin:0;text-wrap:pretty}
.ck-small{font:400 13px/1.5 var(--ck-font-body);color:var(--ck-t2);margin:0}
.ck-caption{font:400 12px/1.4 var(--ck-font-body);color:var(--ck-t3);margin:0}
.ck-label{font:500 11px/1 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ck-t3)}
.ck-eyebrow{display:inline-flex;align-items:center;gap:12px;font:500 12px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ck-t2)}
.ck-eyebrow i{width:24px;height:1px;background:var(--ck-border)}
.ck-eyebrow b{font-weight:500;color:var(--ck-ac)}
.ck-num-l{font:500 32px/1 var(--ck-font-mono);letter-spacing:-.02em;color:var(--ck-t0);font-variant-numeric:tabular-nums}
.ck-muted{color:var(--ck-t3)}
.ck-prose>*+*{margin-top:var(--ck-s4)}
.ck-prose h2{font:600 19px/1.3 var(--ck-font-body);color:var(--ck-t0);margin-top:var(--ck-s8)}
.ck-prose h3{font:600 15px/1.4 var(--ck-font-body);color:var(--ck-t0);margin-top:var(--ck-s6)}
.ck-prose p,.ck-prose li{font:400 15px/1.65 var(--ck-font-body);color:var(--ck-t1);text-wrap:pretty}
.ck-prose ul,.ck-prose ol{padding-left:22px}
.ck-prose blockquote{margin:0;padding:var(--ck-s2) var(--ck-s4);border-left:2px solid var(--ck-border);color:var(--ck-t2)}

/* ── Produkt-Shell · Sidebar + Topbar + Main ── */
.ck-app{display:grid;grid-template-columns:var(--ck-sidew) minmax(0,1fr);min-height:100vh;background:var(--ck-bg)}
.ck-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin;background:var(--ck-bg-elev);border-right:1px solid var(--ck-hair);display:flex;flex-direction:column;padding:var(--ck-s4) var(--ck-s3)}
.ck-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px;color:var(--ck-t0);text-decoration:none}
.ck-brand:hover{text-decoration:none;color:var(--ck-t0)}
.ck-brand .mark{width:26px;height:26px;display:grid;place-items:center;flex:none}
.ck-brand .mark svg{width:26px;height:26px;stroke:var(--ck-t0);stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-brand .mark svg,.ck-mark{stroke:var(--ck-t0);stroke-width:2;stroke-linejoin:round;fill:none}
.ck-brand .mark svg .top,.ck-mark .top{fill:var(--ck-card)}
.ck-brand .mark svg .l,.ck-mark .l{fill:url(#ckCubeL)}
.ck-brand .mark svg .r,.ck-mark .r{fill:url(#ckCubeR)}
.ck-brand .mark svg .mono .l,.ck-mark .mono .l{fill:var(--ck-t2)}
.ck-brand .mark svg .mono .r,.ck-mark .mono .r{fill:var(--ck-t4)}
.ck-mark{display:inline-block;width:32px;height:32px}
.ck-brand .wm{font:600 13px/1 var(--ck-font-display);letter-spacing:.16em}
.ck-brand .by{font:400 10.5px/1 var(--ck-font-mono);color:var(--ck-t4);letter-spacing:.04em;margin-top:4px}
.ck-nav{display:flex;flex-direction:column;gap:2px}
.ck-nav-sec{padding:14px 8px 6px;font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ck-t4)}
.ck-nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--ck-r-sm);color:var(--ck-t2);font:500 13.5px/1.2 var(--ck-font-body);text-decoration:none;transition:background var(--ck-fast) var(--ck-ease),color var(--ck-fast)}
.ck-nav-item svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none;opacity:.85}
.ck-nav-item:hover{background:var(--ck-sunken);color:var(--ck-t0);text-decoration:none}
.ck-nav-item.is-active{background:var(--ck-card);color:var(--ck-t0);box-shadow:var(--ck-sh-sm),inset 0 0 0 1px var(--ck-hair)}
.ck-nav-item.is-active svg{stroke:var(--ck-ac);opacity:1}
.ck-nav-item .cnt{margin-left:auto;font:500 11px/1 var(--ck-font-mono);color:var(--ck-t3);background:var(--ck-sunken);border-radius:var(--ck-r-pill);padding:3px 7px}
.ck-nav-item.is-active .cnt{background:var(--ck-ac-bg);color:var(--ck-ac)}
.ck-sidebar-foot{margin-top:auto;padding-top:var(--ck-s4);border-top:1px solid var(--ck-hair);display:flex;align-items:center;gap:10px}
.ck-main{min-width:0;display:flex;flex-direction:column}
.ck-topbar{position:sticky;top:0;z-index:20;height:var(--ck-topbarh);display:flex;align-items:center;gap:var(--ck-s4);padding:0 var(--ck-s6);background:color-mix(in srgb,var(--ck-bg) 86%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--ck-hair)}
.ck-topbar .sp{flex:1}
.ck-content{padding:var(--ck-s6);display:flex;flex-direction:column;gap:var(--ck-s6);max-width:1520px;width:100%}
.ck-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ck-s4);flex-wrap:wrap}
.ck-page-head .ck-small{margin-top:6px}
.ck-crumbs{display:flex;align-items:center;gap:8px;font:500 12.5px/1 var(--ck-font-body);color:var(--ck-t3);min-width:0}
.ck-crumbs a{color:var(--ck-t3)}.ck-crumbs a:hover{color:var(--ck-t0);text-decoration:none}
.ck-crumbs b{font-weight:500;color:var(--ck-t0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck-crumbs i{color:var(--ck-t4);font-style:normal}
.ck-avatar{width:28px;height:28px;border-radius:50%;background:var(--ck-sunken);border:1px solid var(--ck-hair);display:grid;place-items:center;font:500 11px/1 var(--ck-font-mono);color:var(--ck-t2);flex:none}
.ck-burger{display:none;width:36px;height:36px;border-radius:var(--ck-r-sm);border:1px solid var(--ck-hair);background:var(--ck-card);place-items:center}
.ck-burger svg{width:16px;height:16px;stroke:var(--ck-t1);stroke-width:1.8;fill:none;stroke-linecap:round}

/* ── Raster ── */
.ck-grid{display:grid;gap:var(--ck-s4)}
.ck-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ck-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ck-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ck-split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--ck-s4);align-items:start}
.ck-stack{display:flex;flex-direction:column;gap:var(--ck-s3)}
.ck-row{display:flex;align-items:center;gap:var(--ck-s2);flex-wrap:wrap}
.ck-row .sp{flex:1}

/* ── Karten ── */
.ck-card{background:var(--ck-card);border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);box-shadow:var(--ck-sh-sm);min-width:0}
.ck-card-head{display:flex;align-items:center;gap:var(--ck-s3);padding:14px 18px;border-bottom:1px solid var(--ck-hair)}
.ck-card-head .sp{flex:1}
.ck-card-body{padding:18px}
.ck-card-foot{padding:12px 18px;border-top:1px solid var(--ck-hair);display:flex;align-items:center;gap:var(--ck-s2);color:var(--ck-t3);font-size:12.5px}
.ck-card.is-link{transition:border-color var(--ck-fast),box-shadow var(--ck-base) var(--ck-ease),transform var(--ck-base) var(--ck-ease)}
.ck-card.is-link:hover{border-color:var(--ck-border);box-shadow:var(--ck-sh-md);transform:translateY(-1px)}
.ck-card.is-sunken{background:var(--ck-bg-elev);box-shadow:none}
.ck-kpi{padding:18px}
.ck-kpi .ck-label{display:block;margin-bottom:10px}
.ck-kpi .ck-num-l{display:block}
.ck-kpi .ck-caption{margin-top:6px}
.ck-list{list-style:none;margin:0;padding:0}
.ck-list li{display:flex;align-items:center;gap:12px;padding:11px 18px;border-top:1px solid var(--ck-hair);font-size:14px;color:var(--ck-t1)}
.ck-list li:first-child{border-top:0}
.ck-list li .sp{flex:1;min-width:0}
.ck-list li .t{color:var(--ck-t0);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-list li .m{font:400 12px/1.3 var(--ck-font-body);color:var(--ck-t3);margin-top:2px}
.ck-list li.is-link{cursor:pointer}.ck-list li.is-link:hover{background:var(--ck-sel)}
.ck-kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 20px;font-size:13.5px}
.ck-kv dt{color:var(--ck-t3);margin:0}.ck-kv dd{margin:0;color:var(--ck-t0)}

/* ── Buttons ── */
.ck-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:var(--ck-r-sm);border:1px solid var(--ck-border);background:var(--ck-card);color:var(--ck-t0);font:500 13.5px/1 var(--ck-font-body);white-space:nowrap;text-decoration:none;transition:background var(--ck-fast),border-color var(--ck-fast),color var(--ck-fast),transform var(--ck-fast)}
.ck-btn svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-btn:hover{background:var(--ck-sunken);border-color:var(--ck-border-strong);text-decoration:none;color:var(--ck-t0)}
.ck-btn:active{transform:translateY(1px)}
.ck-btn:disabled,.ck-btn[aria-disabled="true"]{opacity:.5;pointer-events:none}
.ck-btn-primary{background:var(--ck-inverse);border-color:var(--ck-inverse);color:var(--ck-t-inv)}
.ck-btn-primary:hover{background:var(--ck-t1);border-color:var(--ck-t1);color:var(--ck-t-inv)}
[data-theme="dark"] .ck-btn-primary:hover{background:var(--ck-t1);border-color:var(--ck-t1)}
.ck-btn-accent{background:var(--ck-ac);border-color:var(--ck-ac);color:var(--ck-ac-ink)}
.ck-btn-accent:hover{background:var(--ck-ac-hover);border-color:var(--ck-ac-hover);color:var(--ck-ac-ink)}
.ck-btn-ghost{border-color:transparent;background:transparent;color:var(--ck-t2)}
.ck-btn-ghost:hover{background:var(--ck-sunken);border-color:transparent;color:var(--ck-t0)}
.ck-btn-danger{border-color:var(--ck-fehler-bd);color:var(--ck-fehler);background:transparent}
.ck-btn-danger:hover{background:var(--ck-fehler-bg);border-color:var(--ck-fehler);color:var(--ck-fehler)}
.ck-btn-sm{height:30px;padding:0 10px;font-size:12.5px;border-radius:var(--ck-r-xs)}
.ck-btn-lg{height:46px;padding:0 22px;font-size:15px;border-radius:var(--ck-r-md)}
.ck-btn-icon{width:36px;padding:0}.ck-btn-icon.ck-btn-sm{width:30px}
.ck-seg{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-sm);background:var(--ck-sunken)}
.ck-seg button,.ck-seg a{height:28px;padding:0 12px;border-radius:6px;font:500 12.5px/1 var(--ck-font-body);color:var(--ck-t2);text-decoration:none;display:inline-flex;align-items:center}
.ck-seg .is-active{background:var(--ck-card);color:var(--ck-t0);box-shadow:var(--ck-sh-sm)}
.ck-link{color:var(--ck-ac);font-weight:500}

/* ── Zustands-Pillen · ruhig / unbekannt / Achtung (+ Fehler) ── */
.ck-pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px 0 7px;border-radius:var(--ck-r-pill);border:1px solid var(--ck-unbekannt-bd);background:var(--ck-unbekannt-bg);color:var(--ck-unbekannt);font:500 11.5px/1 var(--ck-font-body);white-space:nowrap}
.ck-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.ck-pill-ruhig{color:var(--ck-ruhig);background:var(--ck-ruhig-bg);border-color:var(--ck-ruhig-bd)}
.ck-pill-unbekannt{color:var(--ck-unbekannt);background:var(--ck-unbekannt-bg);border-color:var(--ck-unbekannt-bd)}
.ck-pill-unbekannt::before{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}
.ck-pill-achtung{color:var(--ck-achtung);background:var(--ck-achtung-bg);border-color:var(--ck-achtung-bd)}
.ck-pill-fehler{color:var(--ck-fehler);background:var(--ck-fehler-bg);border-color:var(--ck-fehler-bd)}
.ck-pill-lg{height:28px;padding:0 12px 0 10px;font-size:13px}
.ck-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ck-unbekannt)}
.ck-dot-ruhig{background:var(--ck-ruhig)}.ck-dot-achtung{background:var(--ck-achtung)}.ck-dot-fehler{background:var(--ck-fehler)}
/* Seitenstatus (Gilt/Entwurf/Überholt/Archiv/Abgelehnt) — Wörter aus dem Backend, keine Ableitung */
.ck-status{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:var(--ck-r-xs);font:500 11px/1 var(--ck-font-mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--ck-hair);color:var(--ck-t2);background:var(--ck-sunken)}
.ck-status-gilt{color:var(--ck-ruhig);background:var(--ck-ruhig-bg);border-color:var(--ck-ruhig-bd)}
.ck-status-entwurf{color:var(--ck-ac);background:var(--ck-ac-bg);border-color:var(--ck-ac-bd)}
.ck-status-ueberholt{color:var(--ck-achtung);background:var(--ck-achtung-bg);border-color:var(--ck-achtung-bd)}
.ck-status-archiv{color:var(--ck-t3);background:transparent;border-style:dashed}
.ck-status-abgelehnt{color:var(--ck-fehler);background:var(--ck-fehler-bg);border-color:var(--ck-fehler-bd)}
/* Sortenwort (Regel/Konzept/Technik/Vorlage/Bericht) — ein Buchstabe im Quadrat oder Chip */
.ck-kind{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;font:600 10.5px/1 var(--ck-font-mono);color:var(--ck-t-inv);background:var(--ck-t3);flex:none}
.ck-kind-regel{background:var(--ck-k-regel)}.ck-kind-konzept{background:var(--ck-k-konzept)}.ck-kind-technik{background:var(--ck-k-technik)}.ck-kind-vorlage{background:var(--ck-k-vorlage)}.ck-kind-bericht{background:var(--ck-k-bericht)}
.ck-tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--ck-r-xs);background:var(--ck-sunken);border:1px solid var(--ck-hair);color:var(--ck-t2);font:500 12px/1 var(--ck-font-body)}

/* ── Tabellen ── */
.ck-table-wrap{overflow-x:auto;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);box-shadow:var(--ck-sh-sm)}
.ck-table{width:100%;border-collapse:collapse;font-size:13.5px}
.ck-table th{text-align:left;padding:10px 14px;font:500 11px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ck-t3);border-bottom:1px solid var(--ck-hair);background:var(--ck-bg-elev);white-space:nowrap}
.ck-table td{padding:11px 14px;border-bottom:1px solid var(--ck-hair);color:var(--ck-t1);vertical-align:middle}
.ck-table tr:last-child td{border-bottom:0}
.ck-table tbody tr{transition:background var(--ck-fast)}
.ck-table tbody tr:hover{background:var(--ck-sel)}
.ck-table tr.is-selected td{background:var(--ck-sel)}
.ck-table tr.is-selected td:first-child{box-shadow:inset 2px 0 0 var(--ck-ac)}
.ck-table td.t{color:var(--ck-t0);font-weight:500}
.ck-table td.n,.ck-table th.n{text-align:right;font-family:var(--ck-font-mono);font-variant-numeric:tabular-nums}
.ck-table td.m{color:var(--ck-t3);font-size:12.5px;white-space:nowrap}
.ck-table.is-dense td{padding:7px 12px;font-size:12.5px}
.ck-table td.trunc{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ── Formulare ── */
.ck-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.ck-field>label,.ck-field-label{font:500 12.5px/1.3 var(--ck-font-body);color:var(--ck-t1)}
.ck-field .hint{font:400 12px/1.4 var(--ck-font-body);color:var(--ck-t3)}
.ck-field .err{font:400 12px/1.4 var(--ck-font-body);color:var(--ck-fehler)}
.ck-input,.ck-select,.ck-textarea{width:100%;height:38px;padding:0 12px;border:1px solid var(--ck-border);border-radius:var(--ck-r-sm);background:var(--ck-card);color:var(--ck-t0);font:400 14px/1.4 var(--ck-font-body);transition:border-color var(--ck-fast),box-shadow var(--ck-fast)}
.ck-textarea{height:auto;min-height:96px;padding:10px 12px;resize:vertical}
.ck-input::placeholder,.ck-textarea::placeholder{color:var(--ck-t4)}
.ck-input:hover,.ck-select:hover,.ck-textarea:hover{border-color:var(--ck-border-strong)}
.ck-input:focus,.ck-select:focus,.ck-textarea:focus{outline:0;border-color:var(--ck-ac);box-shadow:var(--ck-focus)}
.ck-input.is-error,.ck-textarea.is-error{border-color:var(--ck-fehler)}
.ck-input.is-error:focus{box-shadow:0 0 0 3px var(--ck-fehler-bg)}
.ck-input.ck-mono{font-family:var(--ck-font-mono);font-size:13px}
.ck-select{appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.ck-search{position:relative;min-width:0}
.ck-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;stroke:var(--ck-t3);stroke-width:1.8;fill:none;stroke-linecap:round}
.ck-search .ck-input{padding-left:34px}
.ck-search kbd{position:absolute;right:9px;top:50%;transform:translateY(-50%)}
.ck-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--ck-t1);cursor:pointer}
.ck-check input{appearance:none;width:18px;height:18px;margin:1px 0 0;border:1px solid var(--ck-border);border-radius:5px;background:var(--ck-card);flex:none;display:grid;place-items:center;cursor:pointer;transition:background var(--ck-fast),border-color var(--ck-fast)}
.ck-check input[type=radio]{border-radius:50%}
.ck-check input:checked{background:var(--ck-inverse);border-color:var(--ck-inverse)}
.ck-check input:checked::after{content:'';width:9px;height:5px;border:2px solid var(--ck-t-inv);border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.ck-check input[type=radio]:checked::after{width:6px;height:6px;border:0;border-radius:50%;background:var(--ck-t-inv);transform:none}
.ck-switch{position:relative;width:36px;height:20px;border-radius:var(--ck-r-pill);background:var(--ck-border);transition:background var(--ck-fast);flex:none}
.ck-switch::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left var(--ck-fast) var(--ck-ease)}
.ck-switch.is-on{background:var(--ck-inverse)}.ck-switch.is-on::after{left:18px}
.ck-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ck-s4)}
.ck-form-actions{display:flex;gap:var(--ck-s2);justify-content:flex-end;align-items:center;padding-top:var(--ck-s2)}

/* ── Leer- und Fehlerzustand ── */
.ck-empty{border:1px dashed var(--ck-border);border-radius:var(--ck-r-md);padding:36px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--ck-bg-elev)}
.ck-empty .ico{width:40px;height:40px;border-radius:10px;background:var(--ck-sunken);display:grid;place-items:center;margin-bottom:6px}
.ck-empty .ico svg{width:18px;height:18px;stroke:var(--ck-t3);stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-empty .t{font:500 15px/1.3 var(--ck-font-body);color:var(--ck-t0)}
.ck-empty .d{font:400 13.5px/1.5 var(--ck-font-body);color:var(--ck-t3);max-width:38ch;text-wrap:pretty}
.ck-empty .ck-btn{margin-top:8px}
.ck-empty.is-inline{padding:16px 18px;flex-direction:row;text-align:left;gap:12px;justify-content:flex-start}
.ck-empty.is-inline .ico{margin:0;width:32px;height:32px}
.ck-empty.is-inline .ck-btn{margin:0 0 0 auto}
.ck-alert{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--ck-r-md);border:1px solid var(--ck-hair);background:var(--ck-card);font-size:13.5px;line-height:1.5;color:var(--ck-t1)}
.ck-alert svg{width:16px;height:16px;flex:none;margin-top:2px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-alert .t{font-weight:500;color:var(--ck-t0)}
.ck-alert .sp{flex:1;min-width:0}
.ck-alert-fehler{border-color:var(--ck-fehler-bd);background:var(--ck-fehler-bg)}.ck-alert-fehler svg,.ck-alert-fehler .t{color:var(--ck-fehler)}
.ck-alert-achtung{border-color:var(--ck-achtung-bd);background:var(--ck-achtung-bg)}.ck-alert-achtung svg,.ck-alert-achtung .t{color:var(--ck-achtung)}
.ck-alert-ruhig{border-color:var(--ck-ruhig-bd);background:var(--ck-ruhig-bg)}.ck-alert-ruhig svg,.ck-alert-ruhig .t{color:var(--ck-ruhig)}
.ck-skeleton{border-radius:6px;background:linear-gradient(90deg,var(--ck-sunken) 25%,var(--ck-hair) 50%,var(--ck-sunken) 75%);background-size:200% 100%;animation:ckShimmer 1.4s linear infinite;min-height:12px}
@keyframes ckShimmer{to{background-position:-200% 0}}

/* ── Diagramm-Rahmen ── */
.ck-chart{background:var(--ck-card);border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);box-shadow:var(--ck-sh-sm);display:flex;flex-direction:column;min-width:0}
.ck-chart-head{display:flex;align-items:center;gap:var(--ck-s3);padding:14px 18px 0}
.ck-chart-head .sp{flex:1}
.ck-chart-body{padding:12px 18px 16px;min-height:0}
.ck-chart-body svg{width:100%;height:auto;display:block;overflow:visible}
.ck-chart .grid line{stroke:var(--ck-hair)}
.ck-chart .axl{font:500 10px var(--ck-font-mono);fill:var(--ck-t4)}
.ck-chart .ser{fill:none;stroke:var(--ck-ac);stroke-width:1.75;stroke-linejoin:round;stroke-linecap:round}
.ck-chart .ser2{fill:none;stroke:var(--ck-t3);stroke-width:1.5;stroke-dasharray:3 4}
.ck-chart .area{fill:var(--ck-ac);opacity:.08}
.ck-chart .bar{fill:var(--ck-ac)}.ck-chart .bar-muted{fill:var(--ck-hair)}
.ck-chart .pt{fill:var(--ck-card);stroke:var(--ck-ac);stroke-width:1.75}
.ck-chart .probe{stroke:var(--ck-border-strong);stroke-width:1;stroke-dasharray:2 3}
.ck-legend{display:flex;gap:16px;flex-wrap:wrap;font:400 12px/1 var(--ck-font-body);color:var(--ck-t2)}
.ck-legend span{display:inline-flex;align-items:center;gap:6px}
.ck-legend i{width:10px;height:2px;border-radius:1px;background:var(--ck-ac)}
.ck-legend i.dash{background:repeating-linear-gradient(90deg,var(--ck-t3) 0 3px,transparent 3px 6px)}
.ck-legend i.dot{width:8px;height:8px;border-radius:50%}
.ck-chart-empty{display:grid;place-items:center;min-height:160px;color:var(--ck-t3);font-size:13px;border:1px dashed var(--ck-border);border-radius:var(--ck-r-sm);background:var(--ck-bg-elev)}
.ck-tip{position:absolute;pointer-events:none;background:var(--ck-card);border:1px solid var(--ck-border);border-radius:var(--ck-r-sm);padding:8px 10px;box-shadow:var(--ck-sh-md);font-size:12px;color:var(--ck-t1);min-width:120px}
.ck-tip .ck-label{display:block;margin-bottom:4px}

/* ── Workflow (Prozess-Diagramm + Builder) ── */
.ck-flow{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding:4px 0}
.ck-flow-node{position:relative;flex:none;width:200px;padding:12px 14px;border:1px solid var(--ck-border);border-radius:var(--ck-r-md);background:var(--ck-card);box-shadow:var(--ck-sh-sm);display:flex;flex-direction:column;gap:6px}
.ck-flow-node .ck-label{display:flex;align-items:center;gap:6px}
.ck-flow-node .t{font:500 13.5px/1.3 var(--ck-font-body);color:var(--ck-t0)}
.ck-flow-node .d{font:400 12px/1.4 var(--ck-font-body);color:var(--ck-t3)}
.ck-flow-node.is-active{border-color:var(--ck-ac);box-shadow:var(--ck-focus)}
.ck-flow-node.is-gate{border-style:dashed;background:var(--ck-bg-elev)}
.ck-flow-node.is-end{background:var(--ck-sunken)}
.ck-flow-edge{flex:none;min-width:44px;padding:0 8px;display:flex;align-items:center;justify-content:center;position:relative;color:var(--ck-t4)}
.ck-flow-edge::before{content:'';position:absolute;left:0;right:8px;top:50%;height:1px;background:var(--ck-border-strong)}
.ck-flow-edge::after{content:'';position:absolute;right:6px;top:50%;width:6px;height:6px;border-top:1px solid var(--ck-border-strong);border-right:1px solid var(--ck-border-strong);transform:translateY(-50%) rotate(45deg)}
.ck-flow-edge span{position:relative;white-space:nowrap;padding:0 2px;font:500 10px/1 var(--ck-font-mono);color:var(--ck-t3);text-transform:uppercase;letter-spacing:.04em;transform:translateY(-14px)}
.ck-flow-add{flex:none;width:36px;height:36px;align-self:center;border-radius:50%;border:1px dashed var(--ck-border-strong);color:var(--ck-t3);display:grid;place-items:center;background:var(--ck-bg-elev)}
.ck-flow-add svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
.ck-flow-add:hover{border-color:var(--ck-ac);color:var(--ck-ac)}
.ck-palette{display:flex;flex-direction:column;gap:6px}
.ck-palette-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-sm);background:var(--ck-card);font:500 13px/1.2 var(--ck-font-body);color:var(--ck-t1);cursor:grab}
.ck-palette-item:hover{border-color:var(--ck-border);background:var(--ck-bg-elev)}
.ck-palette-item .d{font:400 11.5px/1.3 var(--ck-font-body);color:var(--ck-t3)}

/* ── Zeitreise (Regelwerk) ── */
.ck-timeline{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-bg-elev)}
.ck-timeline input[type=range]{flex:1;accent-color:var(--ck-ac);height:20px;margin:0}
.ck-timeline .d{font:500 12.5px/1 var(--ck-font-mono);color:var(--ck-t0);white-space:nowrap}
.ck-statement{padding:14px 18px;border-top:1px solid var(--ck-hair);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:start}
.ck-statement:first-child{border-top:0}
.ck-statement .s{font:500 14.5px/1.45 var(--ck-font-body);color:var(--ck-t0);text-wrap:pretty}
.ck-statement .w{font:400 13px/1.5 var(--ck-font-body);color:var(--ck-t2);grid-column:1}
.ck-statement .meta{grid-column:1;display:flex;gap:14px;flex-wrap:wrap;font:400 12px/1.4 var(--ck-font-mono);color:var(--ck-t3)}
.ck-statement .meta b{font-weight:500;color:var(--ck-t2)}
.ck-statement.is-past{opacity:.55}
/* Klick-Antworten (R38) */
.ck-answers{display:flex;gap:8px;flex-wrap:wrap}
.ck-answer{height:30px;padding:0 12px;border:1px solid var(--ck-border);border-radius:var(--ck-r-pill);background:var(--ck-card);font:500 12.5px/1 var(--ck-font-body);color:var(--ck-t0);display:inline-flex;align-items:center;gap:6px;transition:border-color var(--ck-fast),background var(--ck-fast)}
.ck-answer:hover{border-color:var(--ck-ac);background:var(--ck-ac-bg)}
.ck-answer.is-picked{border-color:var(--ck-inverse);background:var(--ck-inverse);color:var(--ck-t-inv)}
.ck-question{padding:14px 18px;border-top:1px solid var(--ck-hair);display:flex;flex-direction:column;gap:10px}
.ck-question:first-child{border-top:0}
.ck-question .q{font:500 14.5px/1.45 var(--ck-font-body);color:var(--ck-t0);text-wrap:pretty}
.ck-question .from{font:400 12px/1.4 var(--ck-font-mono);color:var(--ck-t3)}
/* Abweichung Regel ↔ Wirklichkeit */
.ck-diff{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ck-hair);border:1px solid var(--ck-hair);border-radius:var(--ck-r-sm);overflow:hidden}
.ck-diff>div{background:var(--ck-card);padding:10px 12px;font-size:13px;color:var(--ck-t1)}
.ck-diff .ck-label{display:block;margin-bottom:6px}
.ck-diff .is-bad{color:var(--ck-achtung)}

/* ── Graph (Wissensgraph) ── */
.ck-graph{position:relative;background:var(--ck-card);border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);overflow:hidden;background-image:radial-gradient(var(--ck-hair) 1px,transparent 1px);background-size:20px 20px}
.ck-graph svg{width:100%;height:100%;display:block}
.ck-graph .edge{stroke:var(--ck-graph-edge);stroke-width:1.25;fill:none}
.ck-graph .edge.is-hi{stroke:var(--ck-ac);stroke-width:1.75}
.ck-graph .node circle{fill:var(--ck-graph-node);stroke:var(--ck-border-strong);stroke-width:1.25}
.ck-graph .node.is-hi circle{stroke:var(--ck-ac);stroke-width:2}
.ck-graph .node text{font:500 11px var(--ck-font-body);fill:var(--ck-t1)}
.ck-graph .node.k-regel circle{stroke:var(--ck-k-regel)}.ck-graph .node.k-entscheidung circle{fill:var(--ck-inverse);stroke:var(--ck-inverse)}.ck-graph .node.k-prozess circle{stroke:var(--ck-k-prozess)}.ck-graph .node.k-konzept circle{stroke:var(--ck-k-konzept)}
.ck-graph-ctl{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:4px}
.ck-graph-legend{position:absolute;left:12px;bottom:12px;display:flex;gap:14px;padding:8px 10px;background:color-mix(in srgb,var(--ck-card) 88%,transparent);border:1px solid var(--ck-hair);border-radius:var(--ck-r-sm);backdrop-filter:blur(6px)}

/* ── Website-Schicht (statische Seiten) ── */
.ck-site{background:var(--ck-bg)}
.ck-site-nav{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--ck-bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--ck-hair)}
.ck-site-nav .in{max-width:var(--ck-container);margin:0 auto;padding:0 var(--ck-gutter);height:64px;display:flex;align-items:center;gap:28px}
.ck-site-nav .links{display:flex;gap:22px;margin-left:8px}
.ck-site-nav .links a{font:500 13.5px/1 var(--ck-font-body);color:var(--ck-t2)}
.ck-site-nav .links a:hover,.ck-site-nav .links a[aria-current="page"]{color:var(--ck-t0);text-decoration:none}
.ck-site-nav .right{margin-left:auto;display:flex;align-items:center;gap:10px}
.ck-section{padding:var(--ck-s20) var(--ck-gutter)}
.ck-section.is-tight{padding:var(--ck-s12) var(--ck-gutter)}
.ck-section.is-alt{background:var(--ck-bg-elev);border-top:1px solid var(--ck-hair);border-bottom:1px solid var(--ck-hair)}
.ck-container{max-width:var(--ck-container);margin:0 auto;width:100%}
.ck-container.is-narrow{max-width:760px}
.ck-hero{padding:var(--ck-s24) var(--ck-gutter) var(--ck-s20)}
.ck-hero .ck-display{max-width:18ch}
.ck-hero .ck-lead{margin-top:var(--ck-s6)}
.ck-hero .cta{display:flex;gap:12px;margin-top:var(--ck-s8);flex-wrap:wrap}
.ck-steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ck-s4)}
.ck-step{counter-increment:s;padding:20px;border-top:1px solid var(--ck-border)}
.ck-step::before{content:counter(s,decimal-leading-zero);display:block;font:500 12px/1 var(--ck-font-mono);color:var(--ck-ac);margin-bottom:14px}
.ck-step .ck-h3{margin-bottom:8px}
.ck-footer{border-top:1px solid var(--ck-hair);padding:var(--ck-s12) var(--ck-gutter) var(--ck-s8);background:var(--ck-bg-elev)}
.ck-footer .in{max-width:var(--ck-container);margin:0 auto;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--ck-s8)}
.ck-footer h4{font:500 11px/1 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ck-t3);margin:0 0 14px}
.ck-footer a{display:block;padding:4px 0;font-size:13.5px;color:var(--ck-t2)}
.ck-footer a:hover{color:var(--ck-t0);text-decoration:none}
.ck-footer .bottom{max-width:var(--ck-container);margin:var(--ck-s10) auto 0;padding-top:var(--ck-s5);border-top:1px solid var(--ck-hair);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:400 12px/1.5 var(--ck-font-mono);color:var(--ck-t3)}
.ck-shot{border:1px solid var(--ck-hair);border-radius:var(--ck-r-lg);background:var(--ck-card);box-shadow:var(--ck-sh-lg);overflow:hidden}
.ck-shot .bar{height:36px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid var(--ck-hair);background:var(--ck-bg-elev)}
.ck-shot .bar i{width:9px;height:9px;border-radius:50%;background:var(--ck-hair)}
.ck-shot .bar span{margin-left:10px;font:400 11px/1 var(--ck-font-mono);color:var(--ck-t4)}


/* ── Nachtrag 16.09.2026 · drei Bauteile aus dem Design-Auftrag „COMPASS als Produkt“ (Teil C) ── */
/* 1 · Die Zahl mit Ziel. Jede Zahl führt irgendwohin. .ck-zahl ist ein <a>; die Zahl unterstreicht sich beim Hover,
       ein Pfeil erscheint. Eine Zahl OHNE Ziel bekommt .is-ohne-ziel und zeigt warum (title) — sie soll fast nie vorkommen. */
.ck-zahl{display:inline-flex;align-items:baseline;gap:6px;color:var(--ck-t0);text-decoration:none;border-radius:4px}
.ck-zahl .n{font-family:var(--ck-font-mono);font-variant-numeric:tabular-nums;font-weight:500;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1.5px;text-underline-offset:4px;transition:text-decoration-color var(--ck-fast)}
.ck-zahl .n{white-space:nowrap;flex:none}
.ck-zahl .w{font:400 12.5px/1.3 var(--ck-font-body);color:var(--ck-t3);white-space:nowrap}
.ck-zahl::after{content:'→';font:500 12px/1 var(--ck-font-mono);color:var(--ck-ac);opacity:0;transform:translateX(-4px);transition:opacity var(--ck-fast),transform var(--ck-fast)}
.ck-zahl:hover{text-decoration:none;color:var(--ck-t0)}
.ck-zahl:hover .n{text-decoration-color:var(--ck-ac)}
.ck-zahl:hover::after{opacity:1;transform:none}
.ck-zahl.is-achtung .n{color:var(--ck-achtung)}
.ck-zahl.is-ohne-ziel{cursor:help}.ck-zahl.is-ohne-ziel .n{color:var(--ck-t3);text-decoration:none}.ck-zahl.is-ohne-ziel::after{content:none}
.ck-kpi.ck-zahl,.ck-kpi.is-link{display:block;text-decoration:none;color:inherit}
.ck-kpi.is-link:hover .ck-num-l{text-decoration:underline;text-decoration-color:var(--ck-ac);text-decoration-thickness:1.5px;text-underline-offset:6px}
.ck-kpi .ck-num-l.ck-muted{color:var(--ck-t4)}
/* 2 · Der benannte Leerzustand. Immer zwei Sätze: Ursache (.t) und nächster Schritt (.d oder Knopf). Nie eine erfundene Null.
       .ck-empty (Fläche) und .ck-empty.is-inline (Zeile) gibt es schon; neu ist die Pflichtstruktur .ursache / .schritt. */
.ck-empty .ursache{font:500 14px/1.4 var(--ck-font-body);color:var(--ck-t0)}
.ck-empty .schritt{font:400 13px/1.5 var(--ck-font-body);color:var(--ck-t3)}
.ck-empty .schritt a{color:var(--ck-ac);font-weight:500}
.ck-empty.is-quelle .ico{background:var(--ck-fehler-bg)}.ck-empty.is-quelle .ico svg{stroke:var(--ck-fehler)}
/* 3 · Die Entscheidung in der Zeile. Eine Sache, eine Frage, zwei bis vier Antworten mit Folge. Klickfrage, Abweichung
       und Vorschlag sind dasselbe Bauteil: .ck-entscheid. Antworten sind .ck-answer (vorhanden); die Folge steht als .folge daneben. */
.ck-entscheid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:14px 18px;border-top:1px solid var(--ck-hair);align-items:start}
.ck-entscheid:first-child{border-top:0}
.ck-entscheid .von{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;align-items:center;font:400 12px/1.4 var(--ck-font-mono);color:var(--ck-t3)}
.ck-entscheid .von b{font-weight:500;color:var(--ck-t2)}
.ck-entscheid .sache{font:500 14.5px/1.45 var(--ck-font-body);color:var(--ck-t0);text-wrap:pretty}
.ck-entscheid .sache small{display:block;font:400 13px/1.5 var(--ck-font-body);color:var(--ck-t2);margin-top:4px}
.ck-entscheid .ck-answers{grid-column:1/-1;align-items:center}
.ck-entscheid .ck-answer .folge{font-weight:400;color:var(--ck-t3);margin-left:2px}
.ck-entscheid .ck-answer.is-picked .folge{color:inherit;opacity:.8}
.ck-answers .later{margin-left:auto;font:400 12px/1 var(--ck-font-body);color:var(--ck-t3);background:none;border:0;padding:6px 0;cursor:pointer}
.ck-answers .later:hover{color:var(--ck-t0);text-decoration:underline}
.ck-entscheid.is-abweichung .sache::before{content:'Abweichung';display:inline-block;margin-right:8px;font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ck-achtung);vertical-align:2px}
.ck-entscheid.is-vorschlag .sache::before{content:'Vorschlag';display:inline-block;margin-right:8px;font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ck-ac);vertical-align:2px}
.ck-entscheid.is-erledigt{opacity:.55}
html[lang="en"] .ck-entscheid.is-abweichung .sache::before{content:'Deviation'}
html[lang="en"] .ck-entscheid.is-vorschlag .sache::before{content:'Proposal'}
/* Ampel mit Begründung (Schaltzentrale): das Wort plus ein Satz, warum. */
.ck-ampel{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card)}
.ck-ampel .warum{font:400 14px/1.45 var(--ck-font-body);color:var(--ck-t1);text-wrap:pretty}
.ck-ampel .warum a{color:var(--ck-t0);font-weight:500;text-decoration:underline;text-decoration-color:var(--ck-border-strong);text-underline-offset:3px}
.ck-ampel .warum a:hover{text-decoration-color:var(--ck-ac)}
/* Rangordnung der Blöcke (Ordnungsprinzip): 1 entscheiden · 2 verändert · 3 Bestand. Eine Klasse je Block, sichtbar nur als Abstand und Kopfgröße. */
.ck-rang-1>.ck-h2,.ck-rang-1 .ck-card-head .ck-h2{font-size:19px}
.ck-rang-2>.ck-h2{font-size:17px}
.ck-rang-3>.ck-h2{font-size:15px;color:var(--ck-t2)}
.ck-rang-3 .ck-kpi .ck-num-l{font-size:24px}
.ck-rang-3 .ck-card{box-shadow:none}
/* Organigramm (Agents): Leiter offen, Rest zu. details/summary, kein Skript nötig. */
.ck-org{display:flex;flex-direction:column;gap:6px}
.ck-org details{border-left:1px solid var(--ck-border);margin-left:14px;padding-left:14px}
.ck-org>details{border-left:0;margin-left:0;padding-left:0}
.ck-org summary{list-style:none;display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--ck-r-sm);cursor:pointer;font:500 13.5px/1.2 var(--ck-font-body);color:var(--ck-t0)}
.ck-org summary::-webkit-details-marker{display:none}
.ck-org summary::before{content:'';width:6px;height:6px;border-right:1.5px solid var(--ck-t3);border-bottom:1.5px solid var(--ck-t3);transform:rotate(-45deg);transition:transform var(--ck-fast);flex:none}
.ck-org details[open]>summary::before{transform:rotate(45deg)}
.ck-org summary:hover{background:var(--ck-sunken)}
.ck-org .rolle{font:400 12px/1 var(--ck-font-body);color:var(--ck-t3)}
.ck-org .cnt{margin-left:auto;font:500 11px/1 var(--ck-font-mono);color:var(--ck-t3)}
.ck-org .leaf{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 24px;font:400 13.5px/1.2 var(--ck-font-body);color:var(--ck-t1)}
/* Lehre im Vordergrund (Hall of Lessons): der Satz groß, das Drumherum klappt. */
.ck-lehre{padding:16px 18px;border-top:1px solid var(--ck-hair)}
.ck-lehre:first-child{border-top:0}
.ck-lehre .satz{font:500 15.5px/1.45 var(--ck-font-body);color:var(--ck-t0);text-wrap:pretty;margin:0}
.ck-lehre .meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;font:400 12px/1.4 var(--ck-font-mono);color:var(--ck-t3);align-items:center}
.ck-lehre details{margin-top:10px}
.ck-lehre summary{list-style:none;cursor:pointer;font:500 12.5px/1 var(--ck-font-body);color:var(--ck-t2);display:inline-flex;gap:6px;align-items:center}
.ck-lehre summary::-webkit-details-marker{display:none}
.ck-lehre summary:hover{color:var(--ck-t0)}
.ck-lehre details[open] summary{color:var(--ck-t0)}
.ck-lehre .drumherum{margin-top:10px;display:grid;grid-template-columns:110px minmax(0,1fr);gap:6px 16px;font-size:13px}
.ck-lehre .drumherum dt{color:var(--ck-t3)}.ck-lehre .drumherum dd{margin:0;color:var(--ck-t1)}
.ck-lehre .ck-answers{margin-top:10px}


/* ── Nachtrag 16.09.2026 (2) · Hall of Fame, Abzeichen, Organigramm auf /personas, reiche Diagramme ── */
/* Abzeichen: sechs Zeichen, immer mit Woche und Zahl, nie ohne Beleg. .ck-badge ist ein Chip mit Icon; .is-krone hebt sich ab. */
.ck-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ck-badge{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 10px 0 7px;border-radius:var(--ck-r-pill);border:1px solid var(--ck-border);background:var(--ck-card);font:500 12px/1 var(--ck-font-body);color:var(--ck-t0);white-space:nowrap;text-decoration:none}
.ck-badge svg{width:15px;height:15px;stroke:var(--ck-t1);stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-badge .n{font:500 11px/1 var(--ck-font-mono);color:var(--ck-t3)}
.ck-badge:hover{border-color:var(--ck-border-strong);text-decoration:none;color:var(--ck-t0)}
.ck-badge.is-krone{border-color:var(--ck-ac-bd);background:var(--ck-ac-bg)}.ck-badge.is-krone svg{stroke:var(--ck-ac)}
.ck-badge.is-alt{opacity:.7}
.ck-krone-mark{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ck-ac-bg);border:1px solid var(--ck-ac-bd)}
.ck-krone-mark svg{width:12px;height:12px;stroke:var(--ck-ac);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
/* Daumen: Gesamtzahl der Anerkennungen, läuft nie zurück. Steht neben den Wochen-Abzeichen. */
.ck-daumen{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 10px 0 8px;border-radius:var(--ck-r-pill);background:var(--ck-inverse);color:var(--ck-t-inv);font:500 12px/1 var(--ck-font-body)}
.ck-daumen svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-daumen .n{font:500 12.5px/1 var(--ck-font-mono)}
/* Rangliste (Hall of Fame): anerkennen, nicht bloßstellen. Positive Kategorien als Balken in vier ruhigen Tönen,
   Abzüge nie rot, nie als Balken, nur als Zahl in Grau mit Beleg im Aufklapper. */
.ck-rank{display:grid;grid-template-columns:32px minmax(0,1.2fr) minmax(0,1.6fr) 90px;gap:8px 16px;align-items:center;padding:12px 18px;border-top:1px solid var(--ck-hair)}
.ck-rank:first-child{border-top:0}
.ck-rank .pos{font:500 14px/1 var(--ck-font-mono);color:var(--ck-t3);text-align:right}
.ck-rank.is-first .pos{color:var(--ck-ac)}
.ck-rank .who{display:flex;align-items:center;gap:10px;min-width:0}
.ck-rank .who .t{font:500 14px/1.3 var(--ck-font-body);color:var(--ck-t0)}
.ck-rank .who .m{font:400 12px/1.3 var(--ck-font-body);color:var(--ck-t3)}
.ck-rank .bar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--ck-sunken)}
.ck-rank .bar i{display:block;height:100%}
.ck-rank .bar .k1{background:var(--ck-ac)}.ck-rank .bar .k2{background:var(--ck-ruhig)}.ck-rank .bar .k3{background:var(--ck-violet)}.ck-rank .bar .k4{background:var(--ck-cyan)}
.ck-rank .sum{text-align:right;font:500 18px/1 var(--ck-font-mono);color:var(--ck-t0)}
.ck-rank .sum small{display:block;margin-top:4px;font:400 11px/1 var(--ck-font-mono);color:var(--ck-t4)}
.ck-rank details{grid-column:2/-1}
.ck-rank summary{list-style:none;cursor:pointer;font:500 12px/1 var(--ck-font-body);color:var(--ck-t3);display:inline-flex;gap:6px}
.ck-rank summary::-webkit-details-marker{display:none}.ck-rank summary:hover{color:var(--ck-t0)}
.ck-rank .items{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;font:400 12.5px/1.5 var(--ck-font-body);color:var(--ck-t1)}
.ck-rank .items span{display:flex;gap:10px}.ck-rank .items .n{font-family:var(--ck-font-mono);min-width:32px;text-align:right;color:var(--ck-t2)}
.ck-rank .items .minus .n{color:var(--ck-t3)}.ck-rank .items .minus{color:var(--ck-t3)}
.ck-rank.is-quiet{opacity:.6}
.ck-legend-k{display:flex;gap:16px;flex-wrap:wrap;font:400 12px/1 var(--ck-font-body);color:var(--ck-t2)}
.ck-legend-k span{display:inline-flex;align-items:center;gap:6px}.ck-legend-k i{width:10px;height:10px;border-radius:3px}
/* Organigramm auf /personas: Stelle ist die Überschrift, der Agent steht darunter. Der Baum hängt an der Stelle (berichtet_an). */
.ck-org .stelle{display:flex;flex-direction:column;gap:2px;min-width:0}
.ck-org .stelle .t{font:500 13.5px/1.2 var(--ck-font-body);color:var(--ck-t0)}
.ck-org .stelle .wer{display:flex;align-items:center;gap:6px;font:400 12px/1.3 var(--ck-font-body);color:var(--ck-t2)}
.ck-org .stelle .wer.is-frei{color:var(--ck-achtung)}
.ck-org .abteilung{display:flex;align-items:center;gap:10px;min-height:40px;margin:10px 0 4px;padding:8px 10px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-sm);background:var(--ck-bg-elev);font:600 13px/1.2 var(--ck-font-body);color:var(--ck-t0);text-decoration:none;cursor:pointer;transition:border-color var(--ck-fast),background var(--ck-fast)}
.ck-org .abteilung::before{content:'';width:8px;height:8px;border-radius:2px;background:var(--ck-t2);flex:none}
.ck-org .abteilung:hover{border-color:var(--ck-border-strong);background:var(--ck-card);text-decoration:none;color:var(--ck-t0)}
.ck-org .abteilung .art{font:500 10px/1 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ck-t4)}
.ck-org .abteilung .cnt{margin-left:auto;font:400 12px/1 var(--ck-font-body);color:var(--ck-t3);letter-spacing:0;text-transform:none}
.ck-org .abteilung .pfeil{width:14px;height:14px;stroke:var(--ck-t3);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ck-org .abteilung:hover .pfeil{stroke:var(--ck-t0)}
.ck-org .abteilung+details,.ck-org .abteilung+.leaf{margin-left:14px}
.ck-org summary .ck-pill,.ck-org .leaf .ck-pill{margin-left:auto}
/* Diagramme: Sonde, Punkte, Heat-Band, Sparkline */
.ck-chart .probe{stroke:var(--ck-border-strong);stroke-width:1;stroke-dasharray:2 3;pointer-events:none}
.ck-chart .pt{pointer-events:none}
.ck-chart .ser-b{fill:none;stroke:var(--ck-violet);stroke-width:1.75;stroke-linejoin:round;stroke-linecap:round}
.ck-chart .area-b{fill:var(--ck-violet);opacity:.07}
.ck-chart .bar2{fill:var(--ck-violet)}
.ck-chart rect[data-t]:hover,.ck-chart .bar:hover{opacity:.75}
.ck-heat rect{rx:1.5}
.ck-heat .h0{fill:var(--ck-sunken)}.ck-heat .h1{fill:var(--ck-ruhig);opacity:.55}.ck-heat .h2{fill:var(--ck-ac)}
.ck-spark{display:block;width:100%;height:36px}
.ck-spark .ser{stroke-width:1.5}
.ck-table td.spark{width:260px;min-width:180px}
.ck-chart-note{padding:0 18px 14px;font:400 12px/1.5 var(--ck-font-body);color:var(--ck-t3)}


/* ── Nachtrag 18.09.2026 · Persona-Karte (acht Abschnitte, Bearbeiten als Zustand) und Gedächtnis-Zeitleiste ── */
.ck-sec{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:8px 24px;padding:18px;border-top:1px solid var(--ck-hair);align-items:start}
.ck-sec:first-child{border-top:0}
.ck-sec .k{font:600 14px/1.3 var(--ck-font-body);color:var(--ck-t0)}
.ck-sec .k small{display:block;font:400 12px/1.4 var(--ck-font-body);color:var(--ck-t3);margin-top:2px}
.ck-sec .k .inbrief{font:400 12px/1 var(--ck-font-body);color:var(--ck-t2);gap:6px}
.ck-sec .k .inbrief input{width:14px;height:14px;border-radius:4px;margin:0}
.ck-sec .k .inbrief input:checked::after{width:7px;height:4px;border-width:1.5px}
.ck-sec .v{font:400 14px/1.6 var(--ck-font-body);color:var(--ck-t1);text-wrap:pretty;min-width:0}
.ck-sec .v ul{margin:0;padding-left:18px}
.ck-sec .v li+li{margin-top:4px}
.ck-sec .act{display:flex;justify-content:flex-end}
.ck-sec .act .ck-btn{opacity:0;transition:opacity var(--ck-fast)}
.ck-sec:hover .act .ck-btn,.ck-sec .act .ck-btn:focus-visible{opacity:1}
.ck-sec .edit{display:none;grid-column:2/-1;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--ck-border);border-radius:var(--ck-r-md);background:var(--ck-bg-elev)}
.ck-sec.is-editing{background:var(--ck-sel)}
.ck-sec.is-editing .v,.ck-sec.is-editing .act{display:none}
.ck-sec.is-editing .edit{display:flex}
@media (max-width:760px){.ck-sec{grid-template-columns:1fr}.ck-sec .act{justify-content:flex-start}.ck-sec .act .ck-btn{opacity:1}.ck-sec .edit{grid-column:1}}
/* Zeitleiste */
.ck-tl{display:flex;flex-direction:column;gap:0;max-height:520px;overflow-y:auto;scrollbar-width:thin}
.ck-tl-day{position:sticky;top:0;padding:8px 0 6px;background:var(--ck-card);font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ck-t4);z-index:1}
.ck-tl-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 0 10px 18px;border-left:1px solid var(--ck-hair);margin-left:4px}
.ck-tl-item::before{content:'';position:absolute;left:-4.5px;top:15px;width:8px;height:8px;border-radius:50%;background:var(--ck-border-strong)}
.ck-tl-item.t-feedback::before{background:var(--ck-ac)}
.ck-tl-item.t-entscheidung::before{background:var(--ck-inverse)}
.ck-tl-item.t-regel::before{background:var(--ck-violet)}
.ck-tl-item .s{font:400 13.5px/1.5 var(--ck-font-body);color:var(--ck-t0);text-wrap:pretty}
.ck-tl-item .m{grid-column:1/-1;font:400 11.5px/1.3 var(--ck-font-mono);color:var(--ck-t3)}
.ck-tl-item .ck-tag{align-self:start}


/* ── Nachtrag 18.09.2026 · Projekt-Umschalter (ein Mensch, mehrere COMPASSe). Sitzt in der Topbar links vom Pfad. ── */
.ck-proj{position:relative;flex:none}
.ck-proj-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 8px;border-radius:var(--ck-r-sm);border:1px solid transparent;background:transparent;color:var(--ck-t0);font:600 13.5px/1 var(--ck-font-body);max-width:260px}
.ck-proj-btn:hover{background:var(--ck-sunken);border-color:var(--ck-hair)}
.ck-proj-btn[aria-expanded="true"]{background:var(--ck-card);border-color:var(--ck-border);box-shadow:var(--ck-sh-sm)}
.ck-proj-btn .sw{width:18px;height:18px;border-radius:5px;background:var(--ck-inverse);display:grid;place-items:center;flex:none;font:600 9.5px/1 var(--ck-font-mono);color:var(--ck-t-inv)}
.ck-proj-btn .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-proj-btn .kind{font:400 11px/1 var(--ck-font-mono);color:var(--ck-t3);letter-spacing:.04em;text-transform:uppercase;margin-left:2px}
.ck-proj-btn svg{width:14px;height:14px;stroke:var(--ck-t3);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ck-proj-btn.is-single .kind{display:none}
.ck-proj-menu{position:absolute;left:0;top:calc(100% + 6px);width:340px;background:var(--ck-card);border:1px solid var(--ck-border);border-radius:var(--ck-r-md);box-shadow:var(--ck-sh-lg);z-index:50;display:none;flex-direction:column;overflow:hidden}
.ck-proj.is-open .ck-proj-menu{display:flex;animation:ckProjIn 160ms var(--ck-ease)}
@keyframes ckProjIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.ck-proj-menu .head{padding:10px 12px 8px;font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ck-t4)}
.ck-proj-menu .ck-search{margin:0 10px 8px}
.ck-proj-menu .ck-search .ck-input{height:34px;font-size:13.5px}
.ck-proj-list{list-style:none;margin:0;padding:0 6px 6px;max-height:320px;overflow-y:auto;scrollbar-width:thin}
.ck-proj-item{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 8px;border-radius:var(--ck-r-sm);color:var(--ck-t0);text-decoration:none;font:500 13.5px/1.2 var(--ck-font-body)}
.ck-proj-item:hover{background:var(--ck-sunken);text-decoration:none;color:var(--ck-t0)}
.ck-proj-item .sw{width:22px;height:22px;border-radius:6px;background:var(--ck-sunken);border:1px solid var(--ck-hair);display:grid;place-items:center;flex:none;font:600 10px/1 var(--ck-font-mono);color:var(--ck-t2)}
.ck-proj-item .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-proj-item .m{font:400 11.5px/1.3 var(--ck-font-body);color:var(--ck-t3);display:block;margin-top:2px}
.ck-proj-item.is-current{background:var(--ck-sel)}
.ck-proj-item.is-current .sw{background:var(--ck-inverse);border-color:var(--ck-inverse);color:var(--ck-t-inv)}
.ck-proj-item .chk{width:16px;height:16px;stroke:var(--ck-ac);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none;visibility:hidden}
.ck-proj-item.is-current .chk{visibility:visible}
.ck-proj-menu .foot{border-top:1px solid var(--ck-hair);padding:6px}
.ck-proj-menu .foot .ck-proj-item{color:var(--ck-t1)}
.ck-proj-menu .foot .ck-proj-item .sw{background:transparent;border-style:dashed}
.ck-proj-menu .foot .ck-proj-item.is-limit{opacity:.7;cursor:default}
.ck-proj-menu .foot .ck-proj-item.is-limit:hover{background:none}
.ck-proj-menu .limit{padding:10px 12px 12px;font:400 12.5px/1.5 var(--ck-font-body);color:var(--ck-t2);border-top:1px solid var(--ck-hair);background:var(--ck-bg-elev)}
.ck-proj-menu .limit b{font-weight:500;color:var(--ck-t0)}
.ck-proj-menu .limit a{font-weight:500}
.ck-proj-menu .none{padding:14px 12px;font:400 13px/1.5 var(--ck-font-body);color:var(--ck-t3)}
/* Wechsel-Bestätigung: die ganze Welt ändert sich, deshalb kurz sichtbar */
.ck-proj-toast{position:fixed;left:50%;top:calc(var(--ck-topbarh) + 14px);transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:12px;padding:10px 14px 10px 12px;border-radius:var(--ck-r-md);background:var(--ck-inverse);color:var(--ck-t-inv);box-shadow:var(--ck-sh-lg);font:400 13.5px/1.4 var(--ck-font-body);animation:ckProjIn 220ms var(--ck-ease)}
.ck-proj-toast .sw{width:22px;height:22px;border-radius:6px;background:var(--ck-t-inv);color:var(--ck-inverse);display:grid;place-items:center;font:600 10px/1 var(--ck-font-mono);flex:none}
.ck-proj-toast b{font-weight:600}
.ck-proj-toast .ck-btn{height:28px;font-size:12px;border-color:rgba(255,255,255,.25);background:transparent;color:inherit}
[data-theme="dark"] .ck-proj-toast .ck-btn{border-color:rgba(0,0,0,.25)}
/* Welt wechselt: Inhalt kurz weich */
.ck-main.is-switching .ck-content{opacity:0;transition:opacity 180ms var(--ck-ease)}
.ck-main .ck-content{transition:opacity 220ms var(--ck-ease)}
/* Anlegen: Fortschritt in Zeilen */
.ck-build{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ck-build li{display:flex;align-items:center;gap:12px;font:400 14px/1.4 var(--ck-font-body);color:var(--ck-t1)}
.ck-build li .st{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--ck-border);display:grid;place-items:center;flex:none}
.ck-build li.is-done .st{background:var(--ck-ruhig);border-color:var(--ck-ruhig)}
.ck-build li.is-done .st::after{content:'';width:8px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.ck-build li.is-run .st{border-color:var(--ck-ac);border-top-color:transparent;animation:ckSpin .9s linear infinite}
@keyframes ckSpin{to{transform:rotate(360deg)}}
.ck-build li.is-wait{color:var(--ck-t3)}
@media (max-width:760px){.ck-proj-btn{max-width:150px;padding:0 6px}.ck-proj-btn .kind{display:none}.ck-proj-menu{position:fixed;left:8px;right:8px;top:calc(var(--ck-topbarh) + 6px);width:auto}.ck-proj-toast{left:8px;right:8px;transform:none}}


/* ── Nachtrag 19.09.2026 · Mehrere Menschen je Projekt: Entscheidungen, Mitglieder, Einladen, Schlüssel ── */
/* Alter, sichtbar ohne Lautstärke: eine Kante links, Farbe nach Tagen */
.ck-entscheid{position:relative}
.ck-entscheid .alter{display:inline-flex;align-items:center;gap:6px;font:500 12px/1 var(--ck-font-mono);color:var(--ck-t3)}
.ck-entscheid .alter::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ck-border-strong)}
.ck-entscheid.age-2 .alter{color:var(--ck-t2)}.ck-entscheid.age-2 .alter::before{background:var(--ck-t3)}
.ck-entscheid.age-3 .alter{color:var(--ck-achtung)}.ck-entscheid.age-3 .alter::before{background:var(--ck-achtung)}
.ck-entscheid.age-3::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:1px;background:var(--ck-achtung)}
/* Herkunft */
.ck-herkunft{display:inline-flex;align-items:center;gap:6px;height:20px;white-space:nowrap;padding:0 8px 0 6px;border-radius:var(--ck-r-xs);border:1px solid var(--ck-hair);background:var(--ck-bg-elev);font:500 11px/1 var(--ck-font-mono);letter-spacing:.03em;color:var(--ck-t2)}
.ck-herkunft svg{width:12px;height:12px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-herkunft.h-rundgang{color:var(--ck-k-konzept)}.ck-herkunft.h-agent{color:var(--ck-t1)}.ck-herkunft.h-pruefung{color:var(--ck-achtung)}
/* Empfehlung zuerst */
.ck-answer.is-empfohlen{border-color:var(--ck-border-strong);background:var(--ck-bg-elev)}
.ck-answer.is-empfohlen::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ck-ac)}
/* Später: liegen lassen, sichtbar anders als erledigt */
.ck-entscheid.is-later{background:var(--ck-bg-elev)}
.ck-entscheid.is-later .sache{color:var(--ck-t2)}
.ck-entscheid .wieder{grid-column:1/-1;display:flex;align-items:center;gap:8px;font:400 12.5px/1.4 var(--ck-font-body);color:var(--ck-t3)}
.ck-entscheid .wieder b{font-weight:500;color:var(--ck-t2)}
.ck-later-menu{display:flex;gap:6px;flex-wrap:wrap;grid-column:1/-1;padding:8px 10px;border:1px dashed var(--ck-border);border-radius:var(--ck-r-sm);background:var(--ck-card)}
.ck-later-menu .ck-label{align-self:center;margin-right:4px}
/* Gerade entschieden */
.ck-entscheid.is-done{opacity:1;background:var(--ck-ruhig-bg)}
.ck-entscheid.is-done .sache{color:var(--ck-t2)}
.ck-entscheid .done{grid-column:1/-1;display:flex;align-items:center;gap:10px;font:400 13px/1.4 var(--ck-font-body);color:var(--ck-ruhig)}
.ck-entscheid .done svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-entscheid .done .ck-btn{margin-left:auto}
/* Leerer Erfolg */
.ck-erfolg{padding:56px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card)}
.ck-erfolg .ring{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--ck-ruhig-bd);background:var(--ck-ruhig-bg);display:grid;place-items:center;margin-bottom:8px}
.ck-erfolg .ring svg{width:24px;height:24px;stroke:var(--ck-ruhig);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-erfolg .t{font:500 18px/1.3 var(--ck-font-body);color:var(--ck-t0)}
.ck-erfolg .d{font:400 14px/1.5 var(--ck-font-body);color:var(--ck-t2);max-width:46ch;text-wrap:pretty}
.ck-erfolg .meta{margin-top:8px;font:400 12px/1.4 var(--ck-font-mono);color:var(--ck-t3)}
/* Sortierleiste bei vielen */
.ck-sortbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-bg-elev)}
.ck-sortbar .ck-label{margin-right:4px}
.ck-sortbar .grp{display:flex;gap:6px;flex-wrap:wrap}
.ck-sortbar .ck-tag{cursor:pointer}.ck-sortbar .ck-tag.is-on{background:var(--ck-inverse);color:var(--ck-t-inv);border-color:var(--ck-inverse)}
.ck-sortbar .ck-tag i{font-style:normal;font-family:var(--ck-font-mono);color:inherit;opacity:.7;margin-left:4px}
.ck-group-head{display:flex;align-items:center;gap:10px;padding:16px 18px 8px;font:500 11px/1 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ck-t3)}
.ck-group-head i{flex:1;height:1px;background:var(--ck-hair)}
/* Rollen: Admin und Entwickler ohne Erklärtext, Symbol trägt es */
.ck-rolle{display:inline-flex;align-items:center;gap:6px;height:22px;white-space:nowrap;padding:0 8px;border-radius:var(--ck-r-xs);border:1px solid var(--ck-hair);background:var(--ck-sunken);font:500 12px/1 var(--ck-font-body);color:var(--ck-t1)}
.ck-rolle svg{width:12px;height:12px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-rolle.r-admin{background:var(--ck-inverse);border-color:var(--ck-inverse);color:var(--ck-t-inv)}
/* Mitglied gesperrt / Einladung offen */
.ck-table tr.is-gesperrt td{color:var(--ck-t4)}
.ck-table tr.is-gesperrt td.t{text-decoration:line-through;text-decoration-color:var(--ck-border-strong)}
.ck-table tr.is-einladung td{background:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in srgb,var(--ck-hair) 55%,transparent) 6px 7px)}
.ck-table tr.is-einladung td.t{color:var(--ck-t2);font-weight:400;font-style:italic}
.ck-table tr.is-me td:first-child{box-shadow:inset 2px 0 0 var(--ck-ac)}
.ck-you{font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ck-ac);margin-left:6px}
/* Sperren als Vorgang: Dialog */
.ck-dialog{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:rgba(14,17,23,.42);padding:16px}
.ck-dialog .box{width:100%;max-width:480px;background:var(--ck-card);border:1px solid var(--ck-border);border-radius:var(--ck-r-lg);box-shadow:var(--ck-sh-lg);padding:24px;display:flex;flex-direction:column;gap:14px;animation:ckProjIn 180ms var(--ck-ease)}
.ck-dialog .box .ck-h2{font-size:18px}
.ck-dialog .folgen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ck-dialog .folgen li{display:flex;gap:10px;align-items:flex-start;font:400 14px/1.45 var(--ck-font-body);color:var(--ck-t1)}
.ck-dialog .folgen li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ck-fehler);flex:none;margin-top:7px}
.ck-dialog .folgen li.ok::before{background:var(--ck-ruhig)}
/* Schlüssel */
.ck-recht{display:inline-flex;align-items:center;gap:6px;height:22px;white-space:nowrap;padding:0 8px;border-radius:var(--ck-r-xs);border:1px solid var(--ck-hair);background:var(--ck-sunken);font:500 12px/1 var(--ck-font-body);color:var(--ck-t1)}
.ck-recht i{display:inline-flex;gap:2px}
.ck-recht i b{width:5px;height:9px;border-radius:1.5px;background:var(--ck-border-strong);display:block}
.ck-recht.r-lesen i b:nth-child(1){background:var(--ck-t1)}
.ck-recht.r-schreiben i b{background:var(--ck-t1)}
.ck-recht.r-bruecke{border-style:dashed}.ck-recht.r-bruecke i b:nth-child(1){background:var(--ck-t1);height:5px;align-self:end}
.ck-keymask{font:400 12.5px/1 var(--ck-font-mono);color:var(--ck-t3);letter-spacing:.04em}
.ck-lastused.is-old{color:var(--ck-achtung)}
.ck-lastused.is-never{color:var(--ck-t4)}
/* Klartext: einmal sichtbar */
.ck-klartext{border:1px solid var(--ck-achtung-bd);border-radius:var(--ck-r-md);background:var(--ck-achtung-bg);padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.ck-klartext .t{font:500 14px/1.4 var(--ck-font-body);color:var(--ck-t0)}
.ck-klartext .t b{color:var(--ck-achtung)}
.ck-klartext .val{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--ck-border);border-radius:var(--ck-r-sm);background:var(--ck-card)}
.ck-klartext .val code{flex:1;background:none;padding:0;font-size:13.5px;color:var(--ck-t0);word-break:break-all;user-select:all}
.ck-klartext .val .ck-btn{flex:none}
.ck-klartext .val .ck-btn.is-copied{background:var(--ck-ruhig-bg);border-color:var(--ck-ruhig-bd);color:var(--ck-ruhig)}
.ck-klartext .foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ck-klartext .foot .ck-check{font-size:13px}
.ck-klartext .foot .ck-btn-primary[disabled]{opacity:.45}
/* Erste Minute: Anschluss, nicht Anfang */
.ck-anschluss{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--ck-s6);align-items:start}
.ck-anschluss .zuerst{border:1px solid var(--ck-border-strong);border-radius:var(--ck-r-md);background:var(--ck-card);padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--ck-sh-md)}
.ck-anschluss .zuerst .ck-label{color:var(--ck-ac)}
.ck-anschluss .bestand{display:flex;flex-direction:column;gap:10px}
.ck-anschluss .bestand .row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-sm);background:var(--ck-bg-elev);font:400 13.5px/1.4 var(--ck-font-body);color:var(--ck-t1)}
.ck-anschluss .bestand .row .n{font:500 16px/1 var(--ck-font-mono);color:var(--ck-t0);min-width:34px}
.ck-anschluss .bestand .row .m{font:400 12px/1.3 var(--ck-font-body);color:var(--ck-t3);display:block}
@media (max-width:1024px){.ck-anschluss{grid-template-columns:1fr}}
@media (max-width:760px){.ck-entscheid.age-3::before{left:-1px}.ck-sortbar{padding:8px 10px}.ck-dialog .box{padding:18px}}


/* ── Nachtrag 23.09.2026 · Abrechnung (COMPASS-234): Abo, Rechnungsstatus, Zyklus, Rechnungs-Detail ── */
.ck-status-offen{color:var(--ck-achtung);background:var(--ck-achtung-bg);border-color:var(--ck-achtung-bd)}
.ck-status-bezahlt{color:var(--ck-ruhig);background:var(--ck-ruhig-bg);border-color:var(--ck-ruhig-bd)}
.ck-status-storniert{color:var(--ck-t3);background:transparent;border-style:dashed}
.ck-status-storno{color:var(--ck-t2);background:var(--ck-sunken)}
.ck-abo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 24px;padding:22px 24px;align-items:start}
.ck-abo .stufe{font:600 26px/1.1 var(--ck-font-display);letter-spacing:-.01em;color:var(--ck-t0)}
.ck-abo .preis{font:500 26px/1 var(--ck-font-mono);color:var(--ck-t0);text-align:right;white-space:nowrap}
.ck-abo .preis small{display:block;margin-top:6px;font:400 12px/1.3 var(--ck-font-body);color:var(--ck-t3)}
.ck-abo .facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--ck-hair);border:1px solid var(--ck-hair);border-radius:var(--ck-r-sm);overflow:hidden}
.ck-abo .facts>div{background:var(--ck-bg-elev);padding:12px 14px}
.ck-abo .facts .ck-label{display:block;margin-bottom:6px}
.ck-abo .facts b{font:500 14px/1.3 var(--ck-font-body);color:var(--ck-t0)}
.ck-abo .acts{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ck-abo .acts .sp{flex:1}
.ck-zyklus{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-sm);background:var(--ck-sunken)}
.ck-zyklus button{height:34px;padding:0 12px;border-radius:6px;font:500 13px/1 var(--ck-font-body);color:var(--ck-t2);display:inline-flex;align-items:center;gap:8px}
.ck-zyklus button.is-active{background:var(--ck-card);color:var(--ck-t0);box-shadow:var(--ck-sh-sm)}
.ck-zyklus .vorteil{font:500 11px/1 var(--ck-font-mono);color:var(--ck-ruhig);background:var(--ck-ruhig-bg);border:1px solid var(--ck-ruhig-bd);border-radius:var(--ck-r-pill);padding:3px 6px}
.ck-pdf{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:var(--ck-r-xs);border:1px solid var(--ck-hair);color:var(--ck-t2);background:var(--ck-card)}
.ck-pdf svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-pdf:hover{border-color:var(--ck-border-strong);color:var(--ck-t0);text-decoration:none}
.ck-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ck-s4)}
.ck-sum a{display:block;text-decoration:none;color:inherit}
.ck-sum .ck-num-l{font-size:26px;white-space:nowrap}
.ck-table td.ck-num,.ck-table td.n,.ck-table td.m{white-space:nowrap}
.ck-table td .acts{display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap}
.ck-beleg{max-width:760px;background:var(--ck-card);border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);box-shadow:var(--ck-sh-sm);padding:32px 36px;display:flex;flex-direction:column;gap:24px}
.ck-beleg .kopf{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.ck-beleg .nr{font:500 22px/1.1 var(--ck-font-mono);color:var(--ck-t0)}
.ck-beleg .posten{width:100%;border-collapse:collapse;font-size:14px}
.ck-beleg .posten th{text-align:left;font:500 11px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ck-t3);padding:0 0 10px;border-bottom:1px solid var(--ck-hair)}
.ck-beleg .posten td{padding:12px 0;border-bottom:1px solid var(--ck-hair);color:var(--ck-t1)}
.ck-beleg .posten .n{text-align:right;font-family:var(--ck-font-mono)}
.ck-beleg .summe{display:flex;justify-content:flex-end;gap:24px;font:500 16px/1 var(--ck-font-mono);color:var(--ck-t0)}
.ck-offen-block{border:1px dashed var(--ck-border-strong);border-radius:var(--ck-r-sm);padding:16px 18px;background:var(--ck-bg-elev);display:flex;flex-direction:column;gap:6px}
.ck-offen-block .ck-label{color:var(--ck-t2)}
.ck-offen-block p{margin:0;font:400 13px/1.5 var(--ck-font-body);color:var(--ck-t3)}
@media (max-width:760px){.ck-abo{grid-template-columns:1fr;padding:18px}.ck-abo .preis{text-align:left}.ck-abo .facts{grid-template-columns:1fr}.ck-sum{grid-template-columns:1fr}.ck-beleg{padding:20px}}


/* ── Nachtrag 23.09.2026 · Agent-Karte mit Verbrauch: Tokens, Kosten, Budget, Modell, Kontext ── */
.ck-agent{display:flex;flex-direction:column;color:inherit;text-decoration:none}
.ck-agent:hover{text-decoration:none;color:inherit}
.ck-agent .hd{display:flex;align-items:center;gap:10px;padding:14px 16px 12px}
.ck-agent .hd .nm{font:600 14.5px/1.2 var(--ck-font-body);color:var(--ck-t0);display:flex;align-items:center;gap:6px}
.ck-agent .hd .ro{font:400 12px/1.3 var(--ck-font-body);color:var(--ck-t3);margin-top:2px}
.ck-agent .mdl{display:flex;align-items:center;gap:8px;padding:0 16px 12px;flex-wrap:wrap}
.ck-agent .mdl .ck-tag{font-family:var(--ck-font-mono);font-size:11.5px}
.ck-agent .sec{padding:12px 16px;border-top:1px solid var(--ck-hair)}
.ck-meter{display:flex;flex-direction:column;gap:6px}
.ck-meter .top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.ck-meter .top .ck-label{white-space:nowrap}
.ck-meter .val{font:500 12.5px/1 var(--ck-font-mono);color:var(--ck-t1);white-space:nowrap}
.ck-meter .val small{color:var(--ck-t3);font-size:11.5px}
.ck-meter .bar{height:6px;border-radius:3px;background:var(--ck-sunken);overflow:hidden;position:relative}
.ck-meter .bar i{position:absolute;inset:0 auto 0 0;border-radius:3px;background:var(--ck-ac)}
.ck-meter .bar i.cache{background:color-mix(in srgb,var(--ck-ac) 35%,transparent)}
.ck-meter.is-warn .val{color:var(--ck-achtung)}.ck-meter.is-warn .bar i{background:var(--ck-achtung)}
.ck-meter .mark{position:absolute;top:-2px;bottom:-2px;width:1px;background:var(--ck-t3)}
.ck-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.ck-mini .ck-label{display:block;margin-bottom:5px;font-size:10px}
.ck-mini b{display:block;font:500 16px/1.1 var(--ck-font-mono);color:var(--ck-t0);white-space:nowrap}
.ck-mini b small{font:400 11.5px/1 var(--ck-font-body);color:var(--ck-t3);margin-left:4px}
.ck-mini .sub{display:block;font:400 11.5px/1.3 var(--ck-font-body);color:var(--ck-t3);margin-top:3px}
.ck-mini .good{color:var(--ck-ruhig)}.ck-mini .bad{color:var(--ck-achtung)}
.ck-spark{display:block;width:100%;height:36px;overflow:visible}
.ck-spark .l{fill:none;stroke:var(--ck-ac);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.ck-spark .a{fill:var(--ck-ac);opacity:.08}
.ck-spark .d{fill:var(--ck-card);stroke:var(--ck-ac);stroke-width:1.5}
.ck-agent .ft{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--ck-hair);background:var(--ck-bg-elev);border-radius:0 0 var(--ck-r-md) var(--ck-r-md);font:400 12px/1.3 var(--ck-font-body);color:var(--ck-t3)}
.ck-agent .ft .sp{flex:1}
.ck-agent .ft b{font-weight:500;color:var(--ck-t1)}
.ck-agent.is-off .hd .nm{color:var(--ck-t2)}
.ck-unk{font:500 13px/1 var(--ck-font-mono);color:var(--ck-t4)}
.ck-stackbar{position:relative}
.ck-stackbar svg{width:100%;height:auto;display:block;overflow:visible}
.ck-stackbar rect{transition:opacity var(--ck-fast)}
.ck-stackbar:hover rect{opacity:.45}.ck-stackbar rect.is-hi,.ck-stackbar g.is-hi rect{opacity:1}
.ck-legend i.sq{width:9px;height:9px;border-radius:2px}


/* ── Nachtrag 23.09.2026 · Drei Ebenen des Gehirns: global (Firma) · Bereich · eigen (Agent) ── */
:root,[data-theme="light"]{--ck-eb-global:#0E1117;--ck-eb-bereich:#3D6BEB;--ck-eb-eigen:#0E9CB8}
[data-theme="dark"]{--ck-eb-global:#E3E7ED;--ck-eb-bereich:#7FA1FF;--ck-eb-eigen:#22D3EE}
.ck-ebenen{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--ck-sunken);gap:2px}
.ck-ebenen i{display:block;height:100%}
.ck-ebenen .g{background:var(--ck-eb-global)}.ck-ebenen .b{background:var(--ck-eb-bereich)}.ck-ebenen .e{background:var(--ck-eb-eigen)}
.ck-ebenen-leg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.ck-ebenen-leg div{display:flex;flex-direction:column;gap:3px;min-width:0}
.ck-ebenen-leg .k{display:flex;align-items:center;gap:6px;font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ck-t3)}
.ck-ebenen-leg .k::before{content:'';width:8px;height:8px;border-radius:2px;background:currentColor}
.ck-ebenen-leg .g .k::before{background:var(--ck-eb-global)}.ck-ebenen-leg .b .k::before{background:var(--ck-eb-bereich)}.ck-ebenen-leg .e .k::before{background:var(--ck-eb-eigen)}
.ck-ebenen-leg b{font:500 13px/1.1 var(--ck-font-mono);color:var(--ck-t0);white-space:nowrap}
.ck-ebenen-leg small{font:400 11px/1.3 var(--ck-font-body);color:var(--ck-t3)}
.ck-ebene{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:var(--ck-r-xs);border:1px solid var(--ck-hair);background:var(--ck-bg-elev);font:500 12px/1 var(--ck-font-body);color:var(--ck-t1);white-space:nowrap}
.ck-ebene::before{content:'';width:8px;height:8px;border-radius:2px}
.ck-ebene.g::before{background:var(--ck-eb-global)}.ck-ebene.b::before{background:var(--ck-eb-bereich)}.ck-ebene.e::before{background:var(--ck-eb-eigen)}
.ck-schichten{display:flex;flex-direction:column;gap:0;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);overflow:hidden}
.ck-schichten>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--ck-hair);background:var(--ck-card)}
.ck-schichten>div:first-child{border-top:0}
.ck-schichten .t{font:500 13.5px/1.3 var(--ck-font-body);color:var(--ck-t0)}
.ck-schichten .t small{display:block;font:400 12px/1.4 var(--ck-font-body);color:var(--ck-t3);margin-top:2px}
.ck-schichten .n{font:500 12.5px/1.2 var(--ck-font-mono);color:var(--ck-t1);text-align:right;white-space:nowrap}
.ck-schichten .n small{display:block;font-weight:400;color:var(--ck-t3)}


/* ── Nachtrag 23.09.2026 · Anbieter-Kennung: mehrere KI-Anbieter nebeneinander, ohne Logos ── */
.ck-anbieter{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px 0 6px;border-radius:var(--ck-r-xs);border:1px solid var(--ck-border);background:var(--ck-card);font:600 11px/1 var(--ck-font-body);letter-spacing:.02em;color:var(--ck-t0);white-space:nowrap}
.ck-anbieter i{width:14px;height:14px;border-radius:4px;background:var(--ck-inverse);color:var(--ck-t-inv);display:grid;place-items:center;font:600 8.5px/1 var(--ck-font-mono);font-style:normal}
.ck-anbieter.is-off{border-style:dashed;color:var(--ck-t3)}.ck-anbieter.is-off i{background:var(--ck-sunken);color:var(--ck-t3)}
.ck-provider-list{display:flex;flex-direction:column;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);overflow:hidden}
.ck-provider-list>div{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border-top:1px solid var(--ck-hair);background:var(--ck-card)}
.ck-provider-list>div:first-child{border-top:0}
.ck-provider-list .m{font:400 12.5px/1.45 var(--ck-font-body);color:var(--ck-t2)}
.ck-provider-list .m code{font-size:11.5px}
@media (max-width:760px){.ck-provider-list>div{grid-template-columns:1fr}}


/* ── Nachtrag 23.09.2026 · Import, Wirkung, Monatsbericht, Vorlage übertragen, Stimme ── */
.ck-drop{border:1.5px dashed var(--ck-border-strong);border-radius:var(--ck-r-lg);background:var(--ck-bg-elev);padding:36px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:border-color var(--ck-fast),background var(--ck-fast)}
.ck-drop.is-over,.ck-drop:hover{border-color:var(--ck-ac);background:var(--ck-ac-bg)}
.ck-drop .t{font:500 16px/1.3 var(--ck-font-body);color:var(--ck-t0)}
.ck-drop .d{font:400 13.5px/1.5 var(--ck-font-body);color:var(--ck-t3);max-width:52ch}
.ck-drop .names{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:4px}
.ck-drop .names code{font-size:12px}
.ck-file{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-sm);background:var(--ck-card);font:400 13.5px/1.3 var(--ck-font-body);color:var(--ck-t1)}
.ck-file .n{font:500 13px/1 var(--ck-font-mono);color:var(--ck-t0)}
.ck-file .sp{flex:1}
.ck-quelle{font:400 11.5px/1.3 var(--ck-font-mono);color:var(--ck-t3)}
.ck-quelle b{font-weight:500;color:var(--ck-t2)}
.ck-wirk{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;padding:16px 18px;border-top:1px solid var(--ck-hair);align-items:center}
.ck-wirk:first-child{border-top:0}
.ck-wirk .satz{font:500 14.5px/1.45 var(--ck-font-body);color:var(--ck-t0);text-wrap:pretty}
.ck-wirk .beleg{font:400 13px/1.5 var(--ck-font-body);color:var(--ck-t2);margin-top:6px}
.ck-wirk .beleg b{font-family:var(--ck-font-mono);font-weight:500;color:var(--ck-t0)}
.ck-wirk svg{width:100%;max-width:340px;height:auto;display:block;overflow:visible}
.ck-wirk .axl{font:500 9.5px var(--ck-font-mono);fill:var(--ck-t4)}
.ck-wirk .vor{fill:var(--ck-border-strong)}.ck-wirk .nach{fill:var(--ck-ac)}
.ck-wirk .gilt{stroke:var(--ck-t0);stroke-width:1;stroke-dasharray:3 3}
.ck-wirk .gl{font:500 9.5px var(--ck-font-mono);fill:var(--ck-t2)}
.ck-wirk rect:hover{opacity:.7}
.ck-wirk.is-frueh .nach{fill:var(--ck-hair)}
@media (max-width:1024px){.ck-wirk{grid-template-columns:1fr}}
.ck-paper{background:#FFFFFF;color:#333B47;border:1px solid var(--ck-border);border-radius:4px;box-shadow:var(--ck-sh-lg);aspect-ratio:210/297;padding:6.5% 7.5%;display:flex;flex-direction:column;gap:14px;font:400 11px/1.5 var(--ck-font-body);overflow:hidden}
.ck-paper h1{font:600 20px/1.2 var(--ck-font-body);color:#0E1117;margin:0}
.ck-paper h2{font:600 12px/1.3 var(--ck-font-body);color:#0E1117;margin:6px 0 0;padding-bottom:4px;border-bottom:1px solid #E3E7ED}
.ck-paper .lbl{font:500 8.5px/1 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase;color:#6B7280}
.ck-paper .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ck-paper .kpis div{border:1px solid #E3E7ED;border-radius:4px;padding:8px}
.ck-paper .kpis b{display:block;font:500 16px/1.1 var(--ck-font-mono);color:#0E1117;margin-top:4px}
.ck-paper ul{margin:0;padding-left:14px}.ck-paper li{margin:2px 0}
.ck-paper table{width:100%;border-collapse:collapse;font-size:10px}
.ck-paper th{text-align:left;font:500 8px/1 var(--ck-font-mono);text-transform:uppercase;letter-spacing:.06em;color:#6B7280;padding:4px 0;border-bottom:1px solid #E3E7ED}
.ck-paper td{padding:4px 0;border-bottom:1px solid #EEF1F6}.ck-paper td.n,.ck-paper th.n{text-align:right;font-family:var(--ck-font-mono)}
.ck-paper .logo{width:84px;height:28px;border:1px dashed #9AA3B2;border-radius:3px;display:grid;place-items:center;font:500 8px/1 var(--ck-font-mono);color:#9AA3B2}
.ck-paper .foot{margin-top:auto;display:flex;justify-content:space-between;font:400 8.5px/1.4 var(--ck-font-mono);color:#9AA3B2;border-top:1px solid #E3E7ED;padding-top:6px}
.ck-go{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ck-hair);border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);overflow:hidden}
.ck-go>div{background:var(--ck-card);padding:16px 18px}
.ck-go>div.bleibt{background:var(--ck-bg-elev)}
.ck-go ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.ck-go li{display:flex;gap:10px;align-items:flex-start;font:400 13.5px/1.4 var(--ck-font-body);color:var(--ck-t1)}
.ck-go li small{display:block;font-size:12px;color:var(--ck-t3)}
.ck-go li::before{content:'';width:7px;height:7px;border-radius:50%;margin-top:6px;flex:none;background:var(--ck-ruhig)}
.ck-go .bleibt li::before{background:var(--ck-border-strong)}
.ck-go li.is-wandel::before{background:var(--ck-ac)}
@media (max-width:760px){.ck-go{grid-template-columns:1fr}}
.ck-mic{width:56px;height:56px;border-radius:50%;background:var(--ck-inverse);color:var(--ck-t-inv);display:grid;place-items:center;flex:none;position:relative;border:0;cursor:pointer}
.ck-mic svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-mic.is-sm{width:44px;height:44px}.ck-mic.is-sm svg{width:18px;height:18px}
.ck-mic.is-rec{background:var(--ck-fehler)}
.ck-mic.is-rec::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--ck-fehler);opacity:.5;animation:ckPulse 1.4s var(--ck-ease) infinite}
@keyframes ckPulse{from{transform:scale(.9);opacity:.6}to{transform:scale(1.25);opacity:0}}
.ck-voice{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);width:min(560px,calc(100vw - 16px));z-index:65;background:var(--ck-card);border:1px solid var(--ck-border);border-radius:var(--ck-r-lg);box-shadow:var(--ck-sh-lg);padding:18px;display:flex;flex-direction:column;gap:14px;animation:ckProjIn 200ms var(--ck-ease)}
.ck-voice .wave{display:flex;align-items:center;gap:3px;height:28px}
.ck-voice .wave i{width:3px;border-radius:2px;background:var(--ck-fehler);animation:ckWave 1s var(--ck-ease) infinite alternate}
@keyframes ckWave{from{height:4px}to{height:26px}}
.ck-voice .said{font:400 15px/1.5 var(--ck-font-body);color:var(--ck-t0);padding:10px 12px;border-radius:var(--ck-r-sm);background:var(--ck-bg-elev);border:1px solid var(--ck-hair)}
.ck-voice .said::before{content:'„';color:var(--ck-t3)}.ck-voice .said::after{content:'“';color:var(--ck-t3)}
.ck-voice dl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:6px 12px;margin:0;font-size:13.5px}
.ck-voice dt{color:var(--ck-t3)}.ck-voice dd{margin:0;color:var(--ck-t0)}
@media (max-width:760px){.ck-voice{bottom:8px;border-radius:var(--ck-r-lg) var(--ck-r-lg) var(--ck-r-md) var(--ck-r-md)}}

.ck-nav-item{min-width:0;white-space:nowrap}
.ck-nav-item .lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.ck-nav-item svg,.ck-nav-item .cnt{flex:none}
@media (max-width:1280px){.ck-nav-item{gap:8px;padding-left:8px;padding-right:8px}.ck-nav-item .cnt{padding:3px 5px}}
.ck-crumbs a{white-space:nowrap}.ck-crumbs b{flex:none;}
/* ── Nachtrag 24.09.2026 · Projekt unten, Hell/Dunkel in der Kopfleiste, Graph anfassbar ── */
.ck-nav-bottom{margin-top:auto;padding-top:12px}
.ck-nav-bottom+.ck-sidebar-foot{margin-top:12px}
.ck-theme-toggle .moon{display:none}
[data-theme="dark"] .ck-theme-toggle .sun{display:none}[data-theme="dark"] .ck-theme-toggle .moon{display:block}
.ck-graph svg{cursor:grab;touch-action:none}.ck-graph svg.is-drag{cursor:grabbing}
.ck-graph .node{cursor:pointer;transition:opacity var(--ck-base) var(--ck-ease)}
.ck-graph .edge{transition:opacity var(--ck-base) var(--ck-ease),stroke var(--ck-fast)}
.ck-graph .node:hover circle{stroke:var(--ck-ac);stroke-width:2.5}
.ck-graph .node.is-focus circle{stroke-width:3.5}
.ck-graph .node.is-focus text{font-weight:600;fill:var(--ck-t0)}
.ck-graph .node.is-dim,.ck-graph .edge.is-dim{opacity:.12}
.ck-graph .node.is-out,.ck-graph .edge.is-out{display:none}
.ck-graph .node.k-lehre circle{stroke:var(--ck-k-konzept)}
.ck-graph .node.k-persona circle{stroke:var(--ck-t2);stroke-dasharray:3 2}
.ck-graph .node text{paint-order:stroke;stroke:var(--ck-card);stroke-width:3px;stroke-linejoin:round}

/* ── Nachtrag 26.09.2026 · Persona-Profil (DISC / Insights) und Porträt · COMPASS-291, COMPASS-292 ── */
/* Profilfarben sind fachlich, nicht Marke: gedeckter als Violett/Blau/Cyan, immer mit Wort, Buchstabe und Prozent. */
:root,[data-theme="light"]{--ck-disc-b:#1F5A85;--ck-disc-r:#B83A2E;--ck-disc-g:#2F7D4F;--ck-disc-y:#B8860B;--ck-ava-bg:#F6F8FB;--ck-ava-ink:#2A2F38}
[data-theme="dark"]{--ck-disc-b:#6FA3D2;--ck-disc-r:#E07A6E;--ck-disc-g:#62B889;--ck-disc-y:#E0B64A;--ck-ava-bg:#E9EDF3;--ck-ava-ink:#2A2F38}
.ck-disc{display:flex;flex-direction:column;gap:10px}
.ck-disc-row{display:grid;grid-template-columns:22px 150px minmax(0,1fr) 44px;align-items:center;gap:10px}
.ck-disc-row .ltr{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;font:600 11px/1 var(--ck-font-mono);color:#fff;background:var(--c)}
.ck-disc-row[data-c="y"] .ltr{color:#1B1E24}
.ck-disc-row .nm{font:500 13.5px/1.2 var(--ck-font-body);color:var(--ck-t0)}
.ck-disc-row .nm small{display:block;font:400 11.5px/1.3 var(--ck-font-body);color:var(--ck-t3);margin-top:2px}
.ck-disc-row .trk{height:10px;border-radius:5px;background:var(--ck-sunken);overflow:hidden}
.ck-disc-row .trk i{display:block;height:100%;border-radius:5px;background:var(--c)}
.ck-disc-row .pc{font:500 13px/1 var(--ck-font-mono);color:var(--ck-t0);text-align:right}
.ck-disc-row[data-c="b"]{--c:var(--ck-disc-b)}.ck-disc-row[data-c="r"]{--c:var(--ck-disc-r)}.ck-disc-row[data-c="g"]{--c:var(--ck-disc-g)}.ck-disc-row[data-c="y"]{--c:var(--ck-disc-y)}
.ck-disc-satz{font:400 14px/1.5 var(--ck-font-body);color:var(--ck-t1);padding-top:4px;text-wrap:pretty}
.ck-disc-satz b{font-weight:600;color:var(--ck-t0)}
.ck-disc-info{font-size:13px;color:var(--ck-t2)}
.ck-disc-info summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font:500 12.5px/1 var(--ck-font-body);color:var(--ck-t2)}
.ck-disc-info summary::-webkit-details-marker{display:none}
.ck-disc-info summary::before{content:'i';width:16px;height:16px;border-radius:50%;border:1px solid var(--ck-border-strong);display:grid;place-items:center;font:600 10px/1 var(--ck-font-mono)}
.ck-disc-info[open] summary{color:var(--ck-t0)}
.ck-disc-info .body{margin-top:10px;padding:12px 14px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-sm);background:var(--ck-bg-elev);display:flex;flex-direction:column;gap:8px}
.ck-disc-info dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;margin:0}
.ck-disc-info dt{font-weight:500;color:var(--ck-t0);white-space:nowrap}.ck-disc-info dd{margin:0}
.ck-disc-mini{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--ck-font-mono);color:var(--ck-t2);white-space:nowrap}
.ck-disc-mini .bar{display:flex;width:56px;height:6px;border-radius:3px;overflow:hidden;background:var(--ck-sunken);gap:1px}
.ck-disc-mini .bar i{display:block;height:100%}
.ck-disc-mini .bar i.b{background:var(--ck-disc-b)}.ck-disc-mini .bar i.r{background:var(--ck-disc-r)}.ck-disc-mini .bar i.g{background:var(--ck-disc-g)}.ck-disc-mini .bar i.y{background:var(--ck-disc-y)}
.ck-disc-empty{font:400 13px/1.4 var(--ck-font-body);color:var(--ck-t3);display:flex;align-items:center;gap:8px}
.ck-disc-sum{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--ck-r-sm);border:1px solid var(--ck-ruhig-bd);background:var(--ck-ruhig-bg);font:500 13px/1.3 var(--ck-font-body);color:var(--ck-ruhig)}
.ck-disc-sum b{font-family:var(--ck-font-mono)}
.ck-disc-sum.is-off{border-color:var(--ck-achtung-bd);background:var(--ck-achtung-bg);color:var(--ck-achtung)}
.ck-disc-in{display:grid;grid-template-columns:22px 150px minmax(0,1fr) 72px;align-items:center;gap:10px}
.ck-disc-in input[type=range]{width:100%;accent-color:var(--c);margin:0}
.ck-disc-in input[type=number]{height:32px;text-align:right;font-family:var(--ck-font-mono)}
@media (max-width:760px){.ck-disc-row,.ck-disc-in{grid-template-columns:22px minmax(0,1fr) 44px}.ck-disc-row .trk,.ck-disc-in input[type=range]{grid-column:1/-1;grid-row:2}.ck-disc-in{grid-template-columns:22px minmax(0,1fr) 72px}}
/* Porträt: gehört der Persona, vererbt an Agenten und Sitzungen. Fallback: Initialen im geometrischen Stil. */
.ck-ava{--s:32px;position:relative;width:var(--s);height:var(--s);border-radius:50%;flex:none;overflow:hidden;background:var(--ck-ava-bg);box-shadow:inset 0 0 0 1.5px var(--ck-ava-ink);display:grid;place-items:center}
.ck-ava::before{content:'';position:absolute;width:62%;height:62%;right:-14%;bottom:-14%;border-radius:50%;background:var(--a,var(--ck-violet));opacity:.9}
.ck-ava::after{content:'';position:absolute;width:34%;height:34%;left:10%;top:10%;background:var(--a2,var(--ck-cyan));transform:rotate(45deg);opacity:.55}
.ck-ava.a1{--a:#7C5CFF;--a2:#22D3EE}.ck-ava.a2{--a:#4C7DFF;--a2:#7C5CFF}.ck-ava.a3{--a:#22D3EE;--a2:#4C7DFF}
.ck-ava .ini{position:relative;z-index:1;font:600 calc(var(--s) * .36)/1 var(--ck-font-display);letter-spacing:.02em;color:var(--ck-ava-ink)}
.ck-ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.ck-ava.has-img::before,.ck-ava.has-img::after,.ck-ava.has-img .ini{display:none}
.ck-ava.has-img img{object-position:center 30%;transform:scale(1.12);transform-origin:center 35%}
.ck-ava-xs{--s:20px}.ck-ava-xs::after{display:none}.ck-ava-sm{--s:28px}.ck-ava-md{--s:44px}.ck-ava-lg{--s:96px}.ck-ava-xl{--s:160px}
.ck-ava-lg,.ck-ava-xl{box-shadow:inset 0 0 0 2px var(--ck-ava-ink)}
.ck-ava.is-loading::before,.ck-ava.is-loading::after{display:none}
.ck-ava.is-loading{background:linear-gradient(90deg,var(--ck-sunken) 25%,var(--ck-hair) 50%,var(--ck-sunken) 75%);background-size:200% 100%;animation:ckShimmer 1.4s linear infinite;box-shadow:inset 0 0 0 1.5px var(--ck-border)}
.ck-ava.is-loading .ini{color:var(--ck-t4)}
.ck-ava.is-fehler{box-shadow:inset 0 0 0 1.5px var(--ck-fehler)}
.ck-ava-seat{position:relative;display:inline-flex}
.ck-ava-seat .sid{position:absolute;right:-6px;bottom:-4px;z-index:3;padding:2px 4px;border-radius:4px;background:var(--ck-inverse);color:var(--ck-t-inv);font:500 9px/1 var(--ck-font-mono)}
.ck-ava-pair{display:inline-flex;align-items:center;gap:4px}
.ck-ava-pair .arr{font:500 11px/1 var(--ck-font-mono);color:var(--ck-t4)}
.ck-agent-tag{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 6px;border-radius:4px;border:1px solid var(--ck-hair);background:var(--ck-sunken);font:500 10px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ck-t2);white-space:nowrap}
.ck-agent-tag svg{width:10px;height:10px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-portrait{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.ck-portrait .ki{font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.04em;color:var(--ck-t3)}
.ck-portrait .acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}


/* ── Nachtrag 27.09.2026 · MCP-Verbindung (Onboarding) und lange Entscheidungen ── */
.ck-mcp{border:1px solid var(--ck-border-strong);border-radius:var(--ck-r-md);background:var(--ck-card);box-shadow:var(--ck-sh-sm)}
.ck-mcp .hd{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--ck-hair);flex-wrap:wrap}
.ck-mcp .url{display:flex;align-items:center;gap:8px;flex:1;min-width:260px;height:44px;padding:0 6px 0 14px;border:1px solid var(--ck-border);border-radius:var(--ck-r-sm);background:var(--ck-bg-elev)}
.ck-mcp .url code{flex:1;background:none;padding:0;font-size:14px;color:var(--ck-t0);user-select:all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-mcp .url .ck-btn{height:32px;flex:none}
.ck-copy.is-copied{background:var(--ck-ruhig-bg);border-color:var(--ck-ruhig-bd);color:var(--ck-ruhig)}
.ck-mcp .tabs{display:flex;gap:2px;padding:0 18px;border-bottom:1px solid var(--ck-hair);overflow-x:auto;scrollbar-width:none}
.ck-mcp .tabs button{height:44px;padding:0 14px;font:500 13.5px/1 var(--ck-font-body);color:var(--ck-t2);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.ck-mcp .tabs button.is-active{color:var(--ck-t0);border-bottom-color:var(--ck-ac)}
.ck-mcp .tabs button small{font:400 11.5px/1 var(--ck-font-body);color:var(--ck-t3);margin-left:6px}
.ck-mcp .pane{padding:18px}
.ck-mcp .pane[hidden]{display:none}
.ck-steps3{list-style:none;margin:0;padding:0;counter-reset:s;display:flex;flex-direction:column;gap:14px}
.ck-steps3>li{counter-increment:s;display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 12px;align-items:start}
.ck-steps3>li::before{content:counter(s);grid-row:1/3;width:28px;height:28px;border-radius:50%;border:1px solid var(--ck-border);display:grid;place-items:center;font:500 12px/1 var(--ck-font-mono);color:var(--ck-t1);background:var(--ck-bg-elev)}
.ck-steps3 .t{font:500 14px/1.45 var(--ck-font-body);color:var(--ck-t0);padding-top:4px}
.ck-steps3 .d{font:400 13px/1.5 var(--ck-font-body);color:var(--ck-t2);text-wrap:pretty}
.ck-cmd{display:flex;align-items:flex-start;gap:8px;margin-top:6px;padding:10px 6px 10px 12px;border:1px solid var(--ck-border);border-radius:var(--ck-r-sm);background:var(--ck-inverse)}
.ck-cmd code{flex:1;background:none;padding:0;font-size:12.5px;line-height:1.6;color:#E3E7ED;white-space:pre-wrap;word-break:break-all}
.ck-cmd code i{font-style:normal;color:#9DB7FF}
.ck-cmd .ck-btn{height:30px;flex:none;background:transparent;border-color:#4B5563;color:#E3E7ED}
.ck-cmd .ck-btn:hover{background:#222935;color:#fff}
.ck-cmd .ck-btn.is-copied{background:rgba(62,207,142,.15);border-color:rgba(62,207,142,.4);color:#3ECF8E}
.ck-verbunden{display:flex;flex-direction:column}
.ck-verbunden .row{display:flex;align-items:center;gap:12px;padding:10px 18px;border-top:1px solid var(--ck-hair);font-size:13.5px}
.ck-verbunden .row .m{font:400 12px/1.3 var(--ck-font-mono);color:var(--ck-t3)}
.ck-verbunden .row .sp{flex:1}
/* Lange Entscheidungen: kurzes Muster endet bei 48 Zeichen Antwort / 80 Zeichen Folge / 280 Zeichen Frage */
.ck-entscheid .sache.is-long{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.ck-entscheid .sache.is-long.is-open{display:block;-webkit-line-clamp:unset}
.ck-entscheid .more{grid-column:1/-1;justify-self:start;margin-top:-2px;font:500 12.5px/1 var(--ck-font-body);color:var(--ck-ac);padding:6px 0}
.ck-entscheid .more:hover{text-decoration:underline}
.ck-optionen{grid-column:1/-1;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ck-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:start;padding:12px 14px;border:1px solid var(--ck-border);border-radius:var(--ck-r-md);background:var(--ck-card);transition:border-color var(--ck-fast),background var(--ck-fast)}
.ck-option:hover{border-color:var(--ck-border-strong)}
.ck-option .ow{font:600 14px/1.4 var(--ck-font-body);color:var(--ck-t0);display:flex;align-items:center;gap:8px;flex-wrap:wrap;text-wrap:pretty}
.ck-option .ow .ck-tag{font-size:11px;height:20px}
.ck-option .of{grid-column:1;font:400 13px/1.55 var(--ck-font-body);color:var(--ck-t2);text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ck-option.is-open .of{display:block}
.ck-option .of b{font-weight:500;color:var(--ck-t1)}
.ck-option .ofm{grid-column:1;justify-self:start;font:500 12px/1 var(--ck-font-body);color:var(--ck-t3);padding:2px 0}
.ck-option .ofm:hover{color:var(--ck-t0);text-decoration:underline}
.ck-option .go{grid-column:2;grid-row:1/4;align-self:center}
.ck-option.is-empfohlen{border-color:var(--ck-ac-bd);background:var(--ck-ac-bg)}
.ck-option.is-picked{border-color:var(--ck-inverse);box-shadow:inset 3px 0 0 var(--ck-inverse)}
.ck-option.is-picked .go{background:var(--ck-inverse);border-color:var(--ck-inverse);color:var(--ck-t-inv)}
.ck-answer{height:auto;min-height:30px;padding:6px 12px;line-height:1.3;text-align:left;white-space:normal;max-width:100%}
@media (max-width:760px){.ck-mcp .url{min-width:0;width:100%}.ck-option{grid-template-columns:1fr}.ck-option .go{grid-column:1;grid-row:auto;justify-self:start;min-height:44px}.ck-entscheid .sache.is-long{-webkit-line-clamp:6}}


/* ── Nachtrag 04.10.2026 · Agent verbinden: Weg, Client, Schritte, Live-Status, Zustimmung ── */
.ck-way{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ck-way label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;padding:16px 18px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);cursor:pointer;transition:border-color var(--ck-fast)}
.ck-way label:hover{border-color:var(--ck-border-strong)}
.ck-way label:has(input:checked){border-color:var(--ck-inverse);box-shadow:inset 0 0 0 1px var(--ck-inverse)}
.ck-way input{grid-row:1/3;margin-top:2px;accent-color:var(--ck-inverse);width:18px;height:18px}
.ck-way .t{font:600 15px/1.3 var(--ck-font-body);color:var(--ck-t0);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ck-way .d{font:400 13.5px/1.5 var(--ck-font-body);color:var(--ck-t2);text-wrap:pretty}
.ck-clients{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.ck-client{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:104px;padding:14px 8px 12px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);text-align:center;font:500 13px/1.25 var(--ck-font-body);color:var(--ck-t1);transition:border-color var(--ck-fast),background var(--ck-fast)}
.ck-client small{display:block;font:400 11.5px/1.3 var(--ck-font-body);color:var(--ck-t3);margin-top:2px}
.ck-client .logo{width:36px;height:36px;border-radius:9px;border:1px dashed var(--ck-border-strong);background:var(--ck-bg-elev);display:grid;place-items:center;font:600 10.5px/1 var(--ck-font-mono);color:var(--ck-t2);letter-spacing:.02em}
.ck-client:hover{border-color:var(--ck-border-strong)}
.ck-client.is-active{border-color:var(--ck-inverse);box-shadow:inset 0 0 0 1px var(--ck-inverse);color:var(--ck-t0)}
.ck-client .st{display:inline-flex;align-items:center;gap:5px;font:400 11px/1 var(--ck-font-body);color:var(--ck-t3)}
.ck-client .st::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ck-border-strong)}
.ck-client .st.is-ok{color:var(--ck-ruhig)}.ck-client .st.is-ok::before{background:var(--ck-ruhig)}
.ck-client .st.is-down{color:var(--ck-fehler)}.ck-client .st.is-down::before{background:var(--ck-fehler)}
.ck-shotph{margin-top:8px;width:100%;max-width:440px;aspect-ratio:16/7;border:1px dashed var(--ck-border);border-radius:var(--ck-r-sm);background:repeating-linear-gradient(135deg,transparent 0 8px,color-mix(in srgb,var(--ck-hair) 55%,transparent) 8px 9px),var(--ck-bg-elev);display:grid;place-items:center;padding:10px;text-align:center;font:500 11.5px/1.4 var(--ck-font-mono);color:var(--ck-t3)}
.ck-say{display:flex;align-items:center;gap:8px;margin-top:8px;max-width:440px;padding:8px 6px 8px 14px;border:1px solid var(--ck-border);border-radius:16px 16px 16px 4px;background:var(--ck-card);font:500 14px/1.4 var(--ck-font-body);color:var(--ck-t0)}
.ck-say span{flex:1}
.ck-say .ck-btn{flex:none;height:32px}
.ck-wait{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px dashed var(--ck-border-strong);border-radius:var(--ck-r-md);background:var(--ck-bg-elev)}
.ck-wait .pulse{width:10px;height:10px;border-radius:50%;background:var(--ck-ac);flex:none;animation:ckPulse 1.6s var(--ck-ease) infinite}
.ck-wait .t{font:500 14px/1.4 var(--ck-font-body);color:var(--ck-t0)}
.ck-wait .d{font:400 12.5px/1.4 var(--ck-font-body);color:var(--ck-t2)}
.ck-wait .sp{flex:1}
.ck-wait.is-ok{border-style:solid;border-color:var(--ck-ruhig-bd);background:var(--ck-ruhig-bg)}
.ck-wait.is-ok .pulse{background:var(--ck-ruhig);animation:none}
@keyframes ckPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ck-ac) 45%,transparent)}70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
.ck-conn .row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.5fr) auto;gap:4px 14px;align-items:center;padding:12px 18px;border-top:1px solid var(--ck-hair)}
.ck-conn .row:first-child{border-top:0}
.ck-conn .who{font:500 14px/1.3 var(--ck-font-body);color:var(--ck-t0);min-width:0}
.ck-conn .who small{display:block;font:400 12px/1.35 var(--ck-font-body);color:var(--ck-t3);margin-top:2px}
.ck-conn .zu{display:flex;flex-direction:column;gap:2px;min-width:0}
.ck-conn .zu b{font:500 13.5px/1.35 var(--ck-font-body)}
.ck-conn .zu span{font:400 12.5px/1.45 var(--ck-font-body);color:var(--ck-t2);text-wrap:pretty}
.ck-conn .row.is-ok .zu b{color:var(--ck-ruhig)}
.ck-conn .row.is-never .zu b{color:var(--ck-t3)}
.ck-conn .row.is-down{background:color-mix(in srgb,var(--ck-fehler-bg) 70%,transparent)}
.ck-conn .row.is-down .zu b{color:var(--ck-fehler)}
.ck-conn .row.is-new{background:var(--ck-ruhig-bg)}
.ck-conn .row .ck-btn{justify-self:end}
.ck-consent{width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.ck-consent .pair{display:flex;align-items:center;justify-content:center;gap:14px}
.ck-consent .pair .logo{width:48px;height:48px;border-radius:12px;border:1px dashed var(--ck-border-strong);background:var(--ck-bg-elev);display:grid;place-items:center;font:600 12px/1 var(--ck-font-mono);color:var(--ck-t2)}
.ck-consent .pair i{width:40px;height:1px;background:var(--ck-border-strong);position:relative}
.ck-consent .pair i::after{content:'';position:absolute;right:-1px;top:-3px;width:6px;height:6px;border-top:1px solid var(--ck-border-strong);border-right:1px solid var(--ck-border-strong);transform:rotate(45deg)}
.ck-consent .rights{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ck-consent .rights li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;font:400 14px/1.45 var(--ck-font-body);color:var(--ck-t1)}
.ck-consent .rights li svg{width:18px;height:18px;stroke:var(--ck-ruhig);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.ck-consent .rights li.no{color:var(--ck-t3)}.ck-consent .rights li.no svg{stroke:var(--ck-t4)}
.ck-consent .acts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ck-consent .acts .ck-btn{height:46px;font-size:15px}
@media (max-width:1024px){.ck-clients{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.ck-way{grid-template-columns:1fr}.ck-clients{grid-template-columns:repeat(2,minmax(0,1fr))}.ck-client{min-height:96px}.ck-conn .row{grid-template-columns:auto minmax(0,1fr);padding:12px 14px}.ck-conn .row .zu,.ck-conn .row .ck-btn{grid-column:2;justify-self:start}.ck-conn .row .ck-btn{min-height:44px}.ck-consent .acts .ck-btn{height:48px}.ck-say .ck-btn,.ck-wait .ck-btn{min-height:44px}}


/* ── Nachtrag 06.10.2026 · Dokumente: Liste, Typ-Chips, Blättern, Text, Versionen, Hochladen, Beenden, Brief-Hinweis ── */
.ck-docs .row{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.5fr) 52px minmax(0,1.1fr) minmax(0,1.3fr);grid-template-areas:"ti stand ver files who";gap:6px 18px;align-items:center;padding:12px 18px;border-top:1px solid var(--ck-hair);color:inherit;text-decoration:none}
.ck-docs .row:first-child{border-top:0}
.ck-docs a.row:hover{background:var(--ck-sel);text-decoration:none;color:inherit}
.ck-docs .row.is-head{padding-top:10px;padding-bottom:10px;background:var(--ck-bg-elev);font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ck-t3)}
.ck-docs .ti{grid-area:ti;min-width:0;font:500 14px/1.35 var(--ck-font-body);color:var(--ck-t0)}
.ck-docs .ti code{display:block;background:none;padding:0;margin-top:3px;font-size:11.5px;color:var(--ck-t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-docs .stand{grid-area:stand;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;font:400 12.5px/1.4 var(--ck-font-body);color:var(--ck-t2)}
.ck-docs .stand .why{color:var(--ck-t3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ck-docs .ver{grid-area:ver;font:500 12.5px/1 var(--ck-font-mono);color:var(--ck-t1)}
.ck-docs .files{grid-area:files;display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}
.ck-docs .files .cnt{font:500 12.5px/1 var(--ck-font-mono);color:var(--ck-t1);margin-right:2px}
.ck-docs .who{grid-area:who;display:flex;align-items:center;gap:8px;min-width:0;font:400 12.5px/1.3 var(--ck-font-body);color:var(--ck-t1)}
.ck-docs .who small{display:block;font-size:11.5px;color:var(--ck-t3)}
.ck-docs .row.is-ended .ti{color:var(--ck-t2)}
.ck-docs .row.is-ended .ck-ava{opacity:.65}
.ck-ftype{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:4px;border:1px solid var(--ck-hair);background:var(--ck-bg-elev);font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.03em;color:var(--ck-t1);white-space:nowrap}
.ck-ftype::before{content:'';width:6px;height:6px;border-radius:1.5px;background:var(--ck-t3)}
.ck-ftype.f-xlsx::before{background:var(--ck-ruhig)}.ck-ftype.f-docx::before{background:var(--ck-k-konzept)}.ck-ftype.f-pdf::before{background:var(--ck-fehler)}.ck-ftype.f-csv::before{background:var(--ck-t2)}
.ck-ftype b{font-weight:500;color:var(--ck-t3)}
.ck-pager{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--ck-hair);font:400 13px/1.3 var(--ck-font-body);color:var(--ck-t2)}
.ck-pager .sp{flex:1}
.ck-pager .pg{min-width:32px;height:32px;padding:0 8px;display:inline-grid;place-items:center;border:1px solid var(--ck-hair);border-radius:var(--ck-r-sm);background:var(--ck-card);font:500 12.5px/1 var(--ck-font-mono);color:var(--ck-t1);text-decoration:none}
.ck-pager a.pg:hover{border-color:var(--ck-border-strong);text-decoration:none;color:var(--ck-t0)}
.ck-pager .pg.is-on{background:var(--ck-inverse);border-color:var(--ck-inverse);color:var(--ck-t-inv)}
.ck-pager .pg.is-gap{border-color:transparent;background:none}
.ck-doc-head{display:flex;flex-direction:column;gap:10px}
.ck-doc-head .meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:400 13px/1.4 var(--ck-font-body);color:var(--ck-t2)}
.ck-doc-head .meta code{background:none;padding:0;color:var(--ck-t3);font-size:12px}
.ck-doc-head.is-ended .ck-h1{color:var(--ck-t3)}
.ck-doc-head.is-ended .ck-ava{opacity:.6;filter:grayscale(1)}
.ck-ended{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px dashed var(--ck-border-strong);border-radius:var(--ck-r-md);background:var(--ck-sunken);font:400 14px/1.5 var(--ck-font-body);color:var(--ck-t1)}
.ck-ended svg{width:18px;height:18px;flex:none;margin-top:2px;stroke:var(--ck-t2);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-ended b{font-weight:600;color:var(--ck-t0)}
.ck-split>*{min-width:0}
.ck-doctext{position:relative}
.ck-doctext>:first-child{margin-top:0}
.ck-crumbs{min-width:0;overflow:hidden}
.ck-crumbs b{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:760px){.ck-crumbs>a,.ck-crumbs>i{display:none}}
.ck-doctext.is-clamped{max-height:360px;overflow:hidden}
.ck-doctext.is-clamped::after{content:'';position:absolute;left:0;right:0;bottom:0;height:96px;background:linear-gradient(transparent,var(--ck-card))}
.ck-doctext table{width:100%;border-collapse:collapse;font-size:13.5px}
.ck-doctext th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--ck-hair);font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ck-t3)}
.ck-doctext td{padding:8px 10px;border-bottom:1px solid var(--ck-hair);vertical-align:top;color:var(--ck-t1)}
.ck-doctext .tw{overflow-x:auto}
.ck-versions{list-style:none;margin:0;padding:0}
.ck-versions li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 12px;padding:10px 0 12px 22px;margin-left:6px;border-left:1px solid var(--ck-hair)}
.ck-versions li::before{content:'';position:absolute;left:-5px;top:14px;width:9px;height:9px;border-radius:50%;background:var(--ck-card);border:1.5px solid var(--ck-border-strong)}
.ck-versions li.is-current::before{background:var(--ck-ac);border-color:var(--ck-ac)}
.ck-versions .v{font:500 12.5px/1.4 var(--ck-font-mono);color:var(--ck-t0)}
.ck-versions .c{font:400 13.5px/1.45 var(--ck-font-body);color:var(--ck-t1);text-wrap:pretty}
.ck-versions .m{grid-column:2;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font:400 12px/1.4 var(--ck-font-body);color:var(--ck-t3)}
.ck-versions .m a{font-weight:500}
.ck-versions details>summary{list-style:none;cursor:pointer;margin-left:6px;padding:8px 0 8px 22px;border-left:1px dashed var(--ck-border);font:500 12.5px/1 var(--ck-font-body);color:var(--ck-t2)}
.ck-versions details>summary::-webkit-details-marker{display:none}
.ck-versions details>summary:hover{color:var(--ck-t0)}
.ck-versions details[open]>summary{color:var(--ck-t0)}
.ck-drop{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 18px;border:1.5px dashed var(--ck-border-strong);border-radius:var(--ck-r-md);background:var(--ck-bg-elev);text-align:center;transition:border-color var(--ck-fast),background var(--ck-fast)}
.ck-drop.is-over{border-color:var(--ck-ac);background:var(--ck-ac-bg)}
.ck-drop .ico{width:40px;height:40px;border-radius:50%;background:var(--ck-card);border:1px solid var(--ck-hair);display:grid;place-items:center}
.ck-drop .ico svg{width:18px;height:18px;stroke:var(--ck-t2);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-drop .t{font:500 14.5px/1.35 var(--ck-font-body);color:var(--ck-t0)}
.ck-drop .d{font:400 12.5px/1.45 var(--ck-font-body);color:var(--ck-t3);max-width:44ch}
.ck-ups{display:flex;flex-direction:column;gap:8px}
.ck-up{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 10px;align-items:center;padding:10px 12px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-sm);background:var(--ck-card)}
.ck-up .n{font:500 13.5px/1.3 var(--ck-font-body);color:var(--ck-t0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-up .stat{font:500 11.5px/1 var(--ck-font-mono);color:var(--ck-t2);white-space:nowrap}
.ck-up .s{grid-column:1/-1;font:400 12.5px/1.45 var(--ck-font-body);color:var(--ck-t2);text-wrap:pretty}
.ck-up .bar{grid-column:1/-1;height:4px;border-radius:2px;background:var(--ck-sunken);overflow:hidden}
.ck-up .bar i{display:block;height:100%;border-radius:2px;background:var(--ck-ac);transition:width .25s var(--ck-ease)}
.ck-up.is-done{border-color:var(--ck-ruhig-bd);background:var(--ck-ruhig-bg)}.ck-up.is-done .s{color:var(--ck-ruhig)}
.ck-up.is-rej{border-color:var(--ck-fehler-bd);background:var(--ck-fehler-bg)}.ck-up.is-rej .s{color:var(--ck-t1)}.ck-up.is-rej .s b{font-weight:600;color:var(--ck-fehler)}
.ck-doc-hint{display:flex;align-items:baseline;gap:8px 10px;flex-wrap:wrap;padding:8px 12px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-sm);background:var(--ck-bg-elev);font:400 12.5px/1.5 var(--ck-font-body);color:var(--ck-t2)}
.ck-doc-hint svg{width:13px;height:13px;flex:none;align-self:center;stroke:var(--ck-t3);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-doc-hint b{font-weight:500;color:var(--ck-t0)}
.ck-doc-hint .titles{flex:1 1 220px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ck-t1)}
.ck-doc-hint small{flex-basis:100%;font-size:11.5px;color:var(--ck-t3)}
@media (max-width:760px){.ck-docs .row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ti ver" "stand stand" "files who";padding:12px 14px}.ck-docs .row.is-head{display:none}.ck-docs .who{justify-content:flex-end}.ck-pager .pg{min-width:44px;height:44px}.ck-drop{padding:22px 14px}.ck-drop .ck-btn{min-height:44px}.ck-doctext.is-clamped{max-height:300px}}

.ck-crumbs>b{flex:0 1 auto!important;min-width:0!important}

/* ── Nachtrag 09.10.2026 · Zehnter Export: Flächen-Raster, Handy 375–390, Bezahlen, Grenze ── */
/* Zweispalter, der unter 1024 px untereinander rutscht. Seitenspalte über --ck-split-aside (Standard 340px), links mit .is-links, früher umbrechen mit .is-frueh (1180 px). */
.ck-flaeche-split{display:grid;grid-template-columns:minmax(0,1fr) var(--ck-split-aside,340px);gap:var(--ck-s4);align-items:start}
.ck-flaeche-split.is-links{grid-template-columns:var(--ck-split-aside,300px) minmax(0,1fr)}
.ck-flaeche-split.is-gleich{grid-template-columns:repeat(2,minmax(0,1fr))}
.ck-flaeche-split>*{min-width:0}
/* Kachel-Raster, das stufenweise schmaler wird: .is-3-2 (ab 1024 drei, ab 760 zwei Spalten), .is-2-1 (ab 1100 zwei, ab 760 eine). Spaltenzahl auf breiten Schirmen bleibt beim Element. */
.ck-flaeche-raster{display:grid;gap:var(--ck-s3)}
.ck-flaeche-raster>*{min-width:0}
@media (max-width:1180px){.ck-flaeche-split.is-frueh{grid-template-columns:1fr!important}.ck-flaeche-split.is-frueh>*{position:static!important}}
@media (max-width:1100px){.ck-flaeche-raster.is-2-1{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ck-login-motiv{opacity:.35!important}}
@media (max-width:1024px){.ck-flaeche-split,.ck-flaeche-split.is-links,.ck-flaeche-split.is-gleich{grid-template-columns:1fr!important}.ck-flaeche-split>*{position:static!important}.ck-flaeche-raster.is-3-2{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ck-graph.is-flaeche{height:420px!important}}
@media (max-width:760px){.ck-flaeche-raster.is-3-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ck-flaeche-raster.is-2-1{grid-template-columns:1fr!important}
.ck-rank{grid-template-columns:24px minmax(0,1fr) 70px!important}.ck-rank>div:nth-child(3){grid-column:2/-1}.ck-rank .items{grid-template-columns:1fr}
.ck-krone-karte{grid-template-columns:auto minmax(0,1fr)!important}.ck-krone-karte .ck-btn{grid-column:1/-1}
.ck-profil-karte{grid-template-columns:1fr!important}.ck-profil-karte .ck-portrait{border-right:0!important;border-bottom:1px solid var(--ck-hair)}
.ck-stat-kopf{grid-template-columns:1fr 1fr!important;gap:6px 12px!important}.ck-stat-kopf .ck-chart{display:none}.ck-stat-kopf .ck-num{text-align:left!important}}

/* Handy 375–390 px: Seitenleiste als Menü (Schublade ab 760, vorhanden), Kopf untereinander, Tabellen als Karten, Dialoge als Blatt von unten, Trefferflächen 44 px */
@media (max-width:760px){
.ck-page-head{flex-direction:column;align-items:stretch;gap:12px}
.ck-page-head>.ck-row,.ck-page-head>div:last-child:not(:first-child){justify-content:flex-start}
.ck-page-head .ck-field{min-width:0!important}
.ck-topbar .ck-search{display:none}
.ck-topbar .ck-btn-sm{min-height:36px}
.ck-seg{max-width:100%;overflow-x:auto;scrollbar-width:none}
.ck-seg button,.ck-seg a{flex:none}
.ck-btn{min-height:44px}.ck-btn-sm{min-height:40px}.ck-btn-icon{min-width:44px}
.ck-nav-item{min-height:44px}
.ck-card-head{flex-wrap:wrap;row-gap:6px}
.ck-table-wrap:has(.ck-table.is-karten){border:0;background:none;box-shadow:none;overflow:visible}
.ck-table.is-karten,.ck-table.is-karten tbody,.ck-table.is-karten tr,.ck-table.is-karten td{display:block;width:auto}
.ck-table.is-karten thead{display:none}
.ck-table.is-karten tr{margin-bottom:8px;padding:12px 14px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);box-shadow:var(--ck-sh-sm)}
.ck-table.is-karten tbody tr:hover{background:var(--ck-card)}
.ck-table.is-karten tr.is-selected,.ck-table.is-karten tr.is-me{border-color:var(--ck-ac-bd)}
.ck-table.is-karten tr.is-selected td:first-child,.ck-table.is-karten tr.is-me td:first-child{box-shadow:none}
.ck-table.is-karten td{display:grid;grid-template-columns:minmax(88px,36%) minmax(0,1fr);gap:10px;align-items:baseline;padding:4px 0;border:0;text-align:left!important;white-space:normal;max-width:none}
.ck-table.is-karten td::before{content:attr(data-label);font:500 10.5px/1.7 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ck-t3)}
.ck-table.is-karten td:first-child{display:block;padding:0 0 8px;margin-bottom:4px;border-bottom:1px solid var(--ck-hair);font-weight:600;color:var(--ck-t0)}
.ck-table.is-karten td:first-child::before,.ck-table.is-karten td[data-label=""]::before{display:none}
.ck-table.is-karten td[data-label=""]{display:block;padding-top:8px}
.ck-dialog{place-items:end stretch;padding:0}
.ck-dialog .box{max-width:none!important;width:100%;border-radius:16px 16px 0 0;max-height:92vh;overflow-y:auto;padding-bottom:calc(18px + env(safe-area-inset-bottom))}
.ck-form-actions{flex-wrap:wrap}.ck-form-actions .ck-btn{flex:1 1 140px}
}
@media (max-width:420px){
.ck-content{padding:12px 12px 72px;gap:14px}
.ck-topbar{padding:0 12px;gap:8px}
.ck-card-head{padding:12px 14px}.ck-card-body{padding:14px}.ck-card-foot{padding:10px 14px}
.ck-h1{font-size:21px}
.ck-sidebar{width:min(88vw,320px)}
.ck-list li{padding:11px 14px}
.ck-kpi{padding:14px}
}

/* Bezahlen: Stufe wählen, Zusammenfassung, Stripe-Hinweis, Verweis ins Kundenportal, Zahlstatus (Betreiber) */
.ck-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ck-plan{position:relative;display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);cursor:pointer;transition:border-color var(--ck-fast),box-shadow var(--ck-fast)}
.ck-plan:hover{border-color:var(--ck-border-strong)}
.ck-plan input{position:absolute;opacity:0;pointer-events:none}
.ck-plan:has(input:checked){border-color:var(--ck-inverse);box-shadow:inset 0 0 0 1px var(--ck-inverse)}
.ck-plan:has(input:focus-visible){box-shadow:var(--ck-focus)}
.ck-plan .hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ck-plan .nm{font:600 18px/1.2 var(--ck-font-body);color:var(--ck-t0)}
.ck-plan .tick{margin-left:auto;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--ck-border-strong);display:grid;place-items:center}
.ck-plan:has(input:checked) .tick{background:var(--ck-inverse);border-color:var(--ck-inverse)}
.ck-plan:has(input:checked) .tick::after{content:'';width:8px;height:4px;border:2px solid var(--ck-t-inv);border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.ck-plan .pr{font:500 28px/1 var(--ck-font-mono);color:var(--ck-t0);font-variant-numeric:tabular-nums}
.ck-plan .pr small{font:400 13px/1 var(--ck-font-body);color:var(--ck-t3);margin-left:6px}
.ck-plan .alt{font:400 12.5px/1.45 var(--ck-font-body);color:var(--ck-t3)}
.ck-plan .alt s{color:var(--ck-t4)}
.ck-plan ul{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--ck-hair);display:flex;flex-direction:column;gap:7px}
.ck-plan li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;font:400 13.5px/1.45 var(--ck-font-body);color:var(--ck-t1)}
.ck-plan li svg{width:14px;height:14px;margin-top:3px;stroke:var(--ck-ruhig);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-sum{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;font:400 14px/1.45 var(--ck-font-body);color:var(--ck-t1)}
.ck-sum dt{margin:0;color:var(--ck-t2)}.ck-sum dd{margin:0;text-align:right;font-family:var(--ck-font-mono);font-variant-numeric:tabular-nums;color:var(--ck-t0)}
.ck-sum .tot{padding-top:10px;border-top:1px solid var(--ck-hair);font-weight:600;color:var(--ck-t0)}
.ck-sum dd.tot{font-size:16px}
.ck-stripe-note{display:flex;gap:10px;align-items:flex-start;font:400 12.5px/1.5 var(--ck-font-body);color:var(--ck-t2);text-wrap:pretty}
.ck-stripe-note svg{width:15px;height:15px;flex:none;margin-top:2px;stroke:var(--ck-t3);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-stripe-link{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);color:inherit;text-decoration:none;transition:border-color var(--ck-fast)}
.ck-stripe-link:hover{border-color:var(--ck-border-strong);text-decoration:none;color:inherit}
.ck-stripe-link .ico{width:36px;height:36px;border-radius:9px;background:var(--ck-sunken);display:grid;place-items:center;flex:none}
.ck-stripe-link .ico svg,.ck-stripe-link .out{width:16px;height:16px;stroke:var(--ck-t2);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-stripe-link .t{font:500 14px/1.35 var(--ck-font-body);color:var(--ck-t0)}
.ck-stripe-link .d{display:block;font:400 12.5px/1.45 var(--ck-font-body);color:var(--ck-t3);margin-top:2px}
.ck-stripe-link .sp{flex:1;min-width:0}
.ck-zahlstatus{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:4px 12px 4px 10px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-pill);background:var(--ck-card);font:400 12.5px/1.3 var(--ck-font-body);color:var(--ck-t2)}
.ck-zahlstatus b{font-weight:600;color:var(--ck-t0)}
.ck-zahlstatus::before{content:'';width:8px;height:8px;border-radius:50%;flex:none;background:transparent;box-shadow:inset 0 0 0 1.5px var(--ck-unbekannt)}
.ck-zahlstatus.is-live::before{background:var(--ck-ruhig);box-shadow:none}
.ck-zahlstatus.is-test{border-color:var(--ck-achtung-bd);background:var(--ck-achtung-bg)}.ck-zahlstatus.is-test::before{background:var(--ck-achtung);box-shadow:none}
/* Grenze erreicht: dort, wo angelegt werden sollte. Neutral, nicht rot; nennt Grenze, Stand, was bleibt, und den Weg weiter. .is-zeile für enge Stellen. */
.ck-grenze{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ico txt act" "ico bar act";gap:8px 16px;align-items:center;padding:16px 18px;border:1px solid var(--ck-border-strong);border-radius:var(--ck-r-md);background:var(--ck-bg-elev)}
.ck-grenze .ico{grid-area:ico;width:40px;height:40px;border-radius:50%;background:var(--ck-card);border:1px solid var(--ck-hair);display:grid;place-items:center;align-self:start}
.ck-grenze .ico svg{width:18px;height:18px;stroke:var(--ck-t2);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-grenze .txt{grid-area:txt;min-width:0}
.ck-grenze .ck-label{display:block;margin-bottom:6px}
.ck-grenze .t{display:block;font:600 15px/1.35 var(--ck-font-body);color:var(--ck-t0)}
.ck-grenze .t .ck-num{font-weight:500}
.ck-grenze .d{display:block;margin-top:4px;font:400 13.5px/1.5 var(--ck-font-body);color:var(--ck-t2);text-wrap:pretty}
.ck-grenze .bar{grid-area:bar;height:6px;border-radius:3px;background:var(--ck-sunken);overflow:hidden}
.ck-grenze .bar i{display:block;height:100%;border-radius:3px;background:var(--ck-t2)}
.ck-grenze .act{grid-area:act;display:flex;flex-direction:column;align-items:stretch;gap:6px}
.ck-grenze.is-zeile{grid-template-areas:"ico txt act";padding:10px 12px;gap:10px 12px}
.ck-grenze.is-zeile .ico{width:32px;height:32px;align-self:center}
.ck-grenze.is-zeile .ck-label,.ck-grenze.is-zeile .d,.ck-grenze.is-zeile .bar{display:none}
.ck-grenze.is-zeile .t{font-size:14px}
.ck-grenze.is-zeile .act{flex-direction:row}
@media (max-width:760px){.ck-plans{grid-template-columns:1fr}.ck-grenze{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ico txt" "bar bar" "act act"}.ck-grenze .act{flex-direction:column}.ck-grenze.is-zeile{grid-template-areas:"ico txt" "act act"}.ck-stripe-link{flex-wrap:wrap}}


/* ── Nachtrag 12.10.2026 · Elfter Export, Auftrag 1/5: Kit-Lücken ── */
/* (d) Scrim: außerhalb jeder Medienregel versteckt, damit er oberhalb 760 px kein Grid-Item ist. Sichtbar nur bei .ck-app.nav-open unter 760 px. */
.ck-scrim{display:none;position:fixed;inset:0;background:rgba(14,17,23,.4);z-index:35}
/* (a) Navigationsgruppe mit Überschrift: details/summary wie .ck-org, zu- und aufklappbar; offen per open-Attribut. Zählt die Einträge im Kopf, wenn zu. */
.ck-nav-group{margin:4px 0 0}
.ck-nav-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;min-height:32px;padding:10px 8px 4px;font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ck-t4);user-select:none}
.ck-nav-group>summary::-webkit-details-marker{display:none}
.ck-nav-group>summary::after{content:'';width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin-left:auto;margin-right:6px;transition:transform var(--ck-fast)}
.ck-nav-group[open]>summary::after{transform:rotate(45deg)}
.ck-nav-group>summary:hover{color:var(--ck-t2)}
.ck-nav-group>summary:focus-visible{outline:none;box-shadow:var(--ck-focus);border-radius:6px}
.ck-nav-group>summary .cnt{font:500 10.5px/1 var(--ck-font-mono);color:var(--ck-t4);letter-spacing:0;text-transform:none}
.ck-nav-group[open]>summary .cnt{display:none}
.ck-nav-group .ck-nav-item{padding-left:8px}
.ck-nav-group:has(.ck-nav-item.is-active):not([open])>summary{color:var(--ck-t1)}
.ck-sidebar.is-rail .ck-nav-group>summary{justify-content:center;padding:10px 0 4px}
.ck-sidebar.is-rail .ck-nav-group>summary>span:not(.cnt){display:none}
.ck-sidebar.is-rail .ck-nav-group>summary::after{display:none}
/* (b) Ampel mit Herkunft: ein Link INNERHALB des Ampel-Satzes (.ck-ampel-weg) färbt den Satz nicht, sondern unterstreicht im Ton des Zustands; die Quellen darunter nennen, woher der Stand kommt, und sind je ein Weg. */
.ck-ampel-weg{color:inherit;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--ck-border-strong);transition:text-decoration-color var(--ck-fast)}
.ck-ampel-weg:hover{color:inherit;text-decoration-color:currentColor}
.ck-ampel-weg:focus-visible{outline:none;box-shadow:var(--ck-focus);border-radius:3px}
.ck-ampel.is-achtung .ck-ampel-weg{text-decoration-color:var(--ck-achtung)}
.ck-ampel.is-unbekannt .ck-ampel-weg{text-decoration-color:var(--ck-unbekannt)}
.ck-ampel.is-ruhig .ck-ampel-weg{text-decoration-color:var(--ck-ruhig)}
.ck-ampel{flex-wrap:wrap}
.ck-ampel .warum{flex:1 1 320px;min-width:0}
.ck-ampel-quellen{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px 14px;margin:2px 0 0;padding:10px 0 0;border-top:1px solid var(--ck-hair);list-style:none;font:400 12px/1.4 var(--ck-font-body);color:var(--ck-t3)}
.ck-ampel-quelle{display:inline-flex;align-items:center;gap:6px;min-height:24px;color:var(--ck-t3);text-decoration:none}
.ck-ampel-quelle::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ck-ruhig);flex:none}
.ck-ampel-quelle.is-unbekannt::before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ck-unbekannt)}
.ck-ampel-quelle.is-achtung::before{background:var(--ck-achtung)}
.ck-ampel-quelle.is-fehler::before{background:var(--ck-fehler)}
.ck-ampel-quelle .ck-num{color:var(--ck-t1)}
.ck-ampel-quelle:hover{color:var(--ck-t0);text-decoration:none}
.ck-ampel-quelle:hover .ck-num{text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.ck-ampel-quellen{flex-direction:column;gap:4px}.ck-ampel-quelle{min-height:32px}}


/* ── Nachtrag 12.10.2026 · Elfter Export, Auftrag 3/5: Ankündigung mit Frist, Löschweg, Verantwortlich-Auswahl ── */
/* Ankündigung: etwas wird gelten, wenn niemand widerspricht. Neutral gesetzt, Frist als Balken und Satz, ein Knopf „Widersprechen“. */
.ck-ankuendigung{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ico txt act" "ico frist act";gap:6px 14px;align-items:center;padding:14px 16px;border:1px dashed var(--ck-border-strong);border-radius:var(--ck-r-md);background:var(--ck-bg-elev)}
.ck-ankuendigung .ico{grid-area:ico;width:34px;height:34px;border-radius:50%;border:1px solid var(--ck-hair);background:var(--ck-card);display:grid;place-items:center;align-self:start}
.ck-ankuendigung .ico svg{width:16px;height:16px;stroke:var(--ck-t2);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-ankuendigung .txt{grid-area:txt;min-width:0}
.ck-ankuendigung .wer{display:block;font:500 10.5px/1.6 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ck-t3)}
.ck-ankuendigung .was{display:block;font:500 14px/1.4 var(--ck-font-body);color:var(--ck-t0)}
.ck-ankuendigung .warum{display:block;margin-top:2px;font:400 13px/1.5 var(--ck-font-body);color:var(--ck-t2);text-wrap:pretty}
.ck-ankuendigung .frist{grid-area:frist;display:flex;align-items:center;gap:10px;font:400 12.5px/1.3 var(--ck-font-body);color:var(--ck-t3)}
.ck-ankuendigung .frist .bar{flex:1;max-width:220px;height:4px;border-radius:2px;background:var(--ck-sunken);overflow:hidden}
.ck-ankuendigung .frist .bar i{display:block;height:100%;background:var(--ck-t3);border-radius:2px}
.ck-ankuendigung .frist b{font-weight:500;color:var(--ck-t1);font-family:var(--ck-font-mono);font-variant-numeric:tabular-nums}
.ck-ankuendigung .act{grid-area:act;display:flex;gap:6px;align-items:center}
.ck-ankuendigung.is-knapp{border-color:var(--ck-achtung-bd);background:var(--ck-achtung-bg)}
.ck-ankuendigung.is-knapp .frist .bar i{background:var(--ck-achtung)}
.ck-ankuendigung.is-widersprochen{border-style:solid;opacity:.75}
.ck-ankuendigung.is-widersprochen .frist{text-decoration:line-through}
.ck-ankuendigung.is-gilt{border-style:solid;border-color:var(--ck-hair);background:var(--ck-card)}
@media (max-width:760px){.ck-ankuendigung{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ico txt" "frist frist" "act act"}.ck-ankuendigung .act .ck-btn{flex:1}}
/* Lehren-Zustand „verworfen“ */
.ck-status-verworfen{background:var(--ck-sunken);color:var(--ck-t3);text-decoration:line-through;text-decoration-thickness:1px}
.ck-lehre.is-verworfen .satz{color:var(--ck-t3)}
.ck-lehre.is-verworfen .ck-answers{display:none}
/* Löschweg Art. 17: Vorschau als Tabelle betroffener Stellen, nicht erreichbare Felder als eigene Liste, Tippbestätigung. */
.ck-loesch-vorschau{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:0;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);overflow:hidden;background:var(--ck-card)}
.ck-loesch-vorschau>span{padding:9px 14px;border-bottom:1px solid var(--ck-hair);font:400 13.5px/1.4 var(--ck-font-body);color:var(--ck-t1);min-width:0}
.ck-loesch-vorschau>span:nth-child(3n+2),.ck-loesch-vorschau>span:nth-child(3n){font-family:var(--ck-font-mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--ck-t0)}
.ck-loesch-vorschau>span.hd{font:500 10.5px/1.6 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ck-t3);background:var(--ck-sunken)}
.ck-loesch-vorschau>span:nth-last-child(-n+3){border-bottom:0}
.ck-loesch-vorschau code{font:inherit;color:var(--ck-t2)}
.ck-loesch-nicht{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--ck-achtung-bd);background:var(--ck-achtung-bg);border-radius:var(--ck-r-md);font:400 13px/1.5 var(--ck-font-body);color:var(--ck-t1)}
.ck-loesch-nicht b{font-weight:600;color:var(--ck-t0)}
.ck-loesch-nicht ul{margin:0;padding-left:18px}
.ck-loesch-nicht code{font:500 12px/1 var(--ck-font-mono);background:var(--ck-card);padding:2px 6px;border-radius:4px;border:1px solid var(--ck-hair)}
.ck-tippbestaetigung{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--ck-fehler-bd);border-radius:var(--ck-r-md);background:var(--ck-fehler-bg)}
.ck-tippbestaetigung label{font:400 13px/1.5 var(--ck-font-body);color:var(--ck-t1)}
.ck-tippbestaetigung label code{font:600 12.5px/1 var(--ck-font-mono);color:var(--ck-t0);background:var(--ck-card);padding:2px 6px;border-radius:4px;border:1px solid var(--ck-hair);user-select:all}
.ck-tippbestaetigung .ck-input{font-family:var(--ck-font-mono)}
/* Verantwortlich: Persona oder Mensch, nie beide. Zwei Gruppen in einer Auswahl, Art als Vorsatz. */
.ck-verantwortlich{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ck-verantwortlich label{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);cursor:pointer}
.ck-verantwortlich label:hover{border-color:var(--ck-border-strong)}
.ck-verantwortlich input{position:absolute;opacity:0;pointer-events:none}
.ck-verantwortlich label:has(input:checked){border-color:var(--ck-inverse);box-shadow:inset 0 0 0 1px var(--ck-inverse)}
.ck-verantwortlich label:has(input:focus-visible){box-shadow:var(--ck-focus)}
.ck-verantwortlich .art{font:500 10px/1 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ck-t3);padding:3px 6px;border:1px solid var(--ck-hair);border-radius:4px;flex:none}
.ck-verantwortlich .art.is-mensch{border-style:dashed}
.ck-verantwortlich .nm{font:500 13.5px/1.3 var(--ck-font-body);color:var(--ck-t0);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-verantwortlich label.is-niemand{grid-column:1/-1;border-style:dashed;color:var(--ck-t3)}
.ck-verantwortlich label.is-niemand .nm{color:var(--ck-t2);font-weight:400}
.ck-verantwortlich .grp{grid-column:1/-1;font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ck-t4);padding:6px 0 0}
@media (max-width:760px){.ck-verantwortlich{grid-template-columns:1fr}}


/* ── Nachtrag 12.10.2026 · Elfter Export, Auftrag 4/5: Außenwege (ohne Anmeldung), Schlüssel einmalig, Installationswege ── */
.ck-aussen{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--ck-bg);background-image:linear-gradient(var(--ck-hair) 1px,transparent 1px),linear-gradient(90deg,var(--ck-hair) 1px,transparent 1px);background-size:72px 72px}
.ck-aussen-box{width:100%;max-width:440px;display:flex;flex-direction:column;gap:24px}
.ck-aussen-box.is-breit{max-width:720px}
.ck-aussen-box .ck-card-body{padding:28px}
.ck-aussen-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:400 12px/1.5 var(--ck-font-mono);color:var(--ck-t3)}
.ck-aussen-foot a{color:var(--ck-t3)}.ck-aussen-foot a:hover{color:var(--ck-t0)}
.ck-or{display:flex;align-items:center;gap:12px;font:400 12px/1 var(--ck-font-body);color:var(--ck-t4)}.ck-or i{flex:1;height:1px;background:var(--ck-hair)}
/* Schlüssel, genau einmal sichtbar: Kasten mit Kopierknopf, Warnzeile, Bestätigung „ich habe kopiert“, erst dann Weiter. */
.ck-schluessel-einmal{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--ck-achtung-bd);border-radius:var(--ck-r-md);background:var(--ck-achtung-bg)}
.ck-schluessel-einmal .wert{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-sm);background:var(--ck-card)}
.ck-schluessel-einmal .wert code{flex:1;min-width:0;font:500 13px/1.5 var(--ck-font-mono);color:var(--ck-t0);word-break:break-all;user-select:all}
.ck-schluessel-einmal .warn{font:500 13px/1.45 var(--ck-font-body);color:var(--ck-t0)}
.ck-schluessel-einmal .warn small{display:block;font-weight:400;color:var(--ck-t2);margin-top:2px}
.ck-schluessel-einmal.is-kopiert{border-color:var(--ck-ruhig-bd);background:var(--ck-ruhig-bg)}
.ck-schluessel-einmal.is-weg{border-style:dashed;background:var(--ck-sunken);border-color:var(--ck-hair)}
.ck-schluessel-einmal.is-weg .wert code{color:var(--ck-t4);letter-spacing:.2em}
/* Befehl zum Kopieren (Installationswege) */
.ck-befehl{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-sm);background:var(--ck-sunken)}
.ck-befehl pre{flex:1;min-width:0;margin:0;font:400 12.5px/1.6 var(--ck-font-mono);color:var(--ck-t0);white-space:pre-wrap;word-break:break-all}
.ck-befehl .ck-btn{flex:none}
.ck-befehl mark{background:var(--ck-achtung-bg);color:var(--ck-t0);border-radius:3px;padding:0 3px}
@media (max-width:760px){.ck-aussen{padding:16px 12px}.ck-aussen-box .ck-card-body{padding:20px}}


/* ── Nachtrag 12.10.2026 · Elfter Export, Auftrag 4/5: Regelbuch, Kern, Aufräumen ── */
/* Regelbuch: das Regelwerk als lesbares Buch. Inhaltsverzeichnis links (sticky), Kapitel je Bereich, je Regel Nummer, Satz, Stand. */
.ck-buch{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--ck-s5);align-items:start}
.ck-buch-toc{position:sticky;top:72px;display:flex;flex-direction:column;gap:2px;font:400 13px/1.4 var(--ck-font-body)}
.ck-buch-toc a{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:6px;color:var(--ck-t2);text-decoration:none}
.ck-buch-toc a:hover{background:var(--ck-sunken);color:var(--ck-t0);text-decoration:none}
.ck-buch-toc a.is-active{background:var(--ck-sel);color:var(--ck-t0)}
.ck-buch-toc .ck-num{color:var(--ck-t4)}
.ck-buch-kap{padding:8px 0 28px;border-bottom:1px solid var(--ck-hair);margin-bottom:28px}
.ck-buch-kap:last-child{border-bottom:0}
.ck-buch-kap>h2{font:600 20px/1.25 var(--ck-font-body);color:var(--ck-t0);margin:0 0 4px}
.ck-buch-kap>.d{font:400 13.5px/1.5 var(--ck-font-body);color:var(--ck-t3);margin:0 0 16px}
.ck-buch-regel{display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 14px;padding:12px 0;border-top:1px solid var(--ck-hair)}
.ck-buch-regel:first-of-type{border-top:0}
.ck-buch-regel .nr{font:500 12.5px/1.8 var(--ck-font-mono);color:var(--ck-t3)}
.ck-buch-regel .satz{font:400 15.5px/1.55 var(--ck-font-body);color:var(--ck-t0);text-wrap:pretty;margin:0}
.ck-buch-regel .stand{grid-column:2;display:flex;flex-wrap:wrap;gap:4px 12px;font:400 12px/1.5 var(--ck-font-body);color:var(--ck-t3)}
.ck-buch-regel .stand a{color:var(--ck-t3)}
.ck-buch-regel.is-ueberholt .satz{color:var(--ck-t3);text-decoration:line-through;text-decoration-thickness:1px}
.ck-buch-regel.is-entwurf .satz{color:var(--ck-t2)}
.ck-buch-regel.is-entwurf .nr::after{content:' ✎'}
@media (max-width:1024px){.ck-buch{grid-template-columns:1fr}.ck-buch-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--ck-hair)}.ck-buch-toc a{border:1px solid var(--ck-hair)}}
@media (max-width:760px){.ck-buch-regel{grid-template-columns:1fr}.ck-buch-regel .stand{grid-column:1}}
/* Kern: was zu einem Subjekt gilt, verdichtet. Satz groß, darunter die Herkunft als Zeilen. */
.ck-kern{display:flex;flex-direction:column;gap:14px;padding:22px 24px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-lg);background:var(--ck-card)}
.ck-kern .satz{font:500 19px/1.4 var(--ck-font-body);color:var(--ck-t0);text-wrap:pretty;margin:0}
.ck-kern .aus{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;font:400 12.5px/1.5 var(--ck-font-body);color:var(--ck-t3);padding-top:12px;border-top:1px solid var(--ck-hair)}
.ck-kern .aus dt{margin:0;font:500 10.5px/1.9 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase}
.ck-kern .aus dd{margin:0;color:var(--ck-t2)}
.ck-kern.is-unbekannt{border-style:dashed;background:var(--ck-bg-elev)}
.ck-kern.is-unbekannt .satz{color:var(--ck-t2);font-weight:400}
/* Aufräumen: Paar aus zwei Regeln nebeneinander, Ähnlichkeit als Zahl, drei Antworten. */
.ck-paar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);overflow:hidden}
.ck-paar>.seite{padding:16px 18px;min-width:0}
.ck-paar>.seite+.seite{border-left:1px solid var(--ck-hair)}
.ck-paar .nr{display:flex;gap:8px;align-items:center;font:500 11px/1 var(--ck-font-mono);letter-spacing:.06em;color:var(--ck-t3);margin-bottom:8px}
.ck-paar .satz{font:400 14.5px/1.5 var(--ck-font-body);color:var(--ck-t0);margin:0;text-wrap:pretty}
.ck-paar .satz mark{background:var(--ck-achtung-bg);color:inherit;border-radius:3px;padding:0 2px}
.ck-paar .stand{margin-top:8px;font:400 12px/1.5 var(--ck-font-body);color:var(--ck-t3)}
.ck-paar>.fuss{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:10px 18px;border-top:1px solid var(--ck-hair);background:var(--ck-bg-elev)}
.ck-paar .grund{font:400 13px/1.45 var(--ck-font-body);color:var(--ck-t2);flex:1 1 240px;min-width:0}
.ck-paar .grund b{font-weight:600;color:var(--ck-t0)}
.ck-paar.is-erledigt{opacity:.6}
@media (max-width:760px){.ck-paar{grid-template-columns:1fr}.ck-paar>.seite+.seite{border-left:0;border-top:1px solid var(--ck-hair)}}


/* ── Nachtrag 12.10.2026 · Elfter Export, Auftrag 4/5: Prüfung (Rundgang · Prüfwege), Runden, Lehre im Detail ── */
.ck-lauf{display:grid;grid-template-columns:14px minmax(0,1fr) auto auto;gap:4px 14px;align-items:center;padding:12px 16px;border-top:1px solid var(--ck-hair)}
.ck-lauf:first-child{border-top:0}
.ck-lauf .erg{width:10px;height:10px;border-radius:50%;background:var(--ck-ruhig)}
.ck-lauf .erg.is-nein{background:var(--ck-achtung)}
.ck-lauf .erg.is-unbekannt{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ck-unbekannt)}
.ck-lauf .erg.is-nie{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ck-border-strong);border-radius:2px}
.ck-lauf .t{font:500 14px/1.35 var(--ck-font-body);color:var(--ck-t0);min-width:0}
.ck-lauf .t small{display:block;font:400 12px/1.5 var(--ck-font-body);color:var(--ck-t3)}
.ck-lauf .alter{font:400 12.5px/1.3 var(--ck-font-mono);color:var(--ck-t3);white-space:nowrap;font-variant-numeric:tabular-nums}
.ck-lauf .alter.is-alt{color:var(--ck-achtung);font-weight:500}
.ck-lauf .alter.is-nie{color:var(--ck-t4)}
.ck-lauf .act{display:flex;gap:6px}
.ck-lauf.is-reparatur{background:var(--ck-achtung-bg)}
.ck-lauf .ck-tag.is-reparatur{border-color:var(--ck-achtung-bd);color:var(--ck-achtung)}
.ck-lauf details{grid-column:2/-1}
.ck-lauf details>summary{list-style:none;cursor:pointer;font:400 12.5px/1.5 var(--ck-font-body);color:var(--ck-t3);display:inline-flex;gap:6px;align-items:center;min-height:28px}
.ck-lauf details>summary::-webkit-details-marker{display:none}
.ck-lauf details>summary::before{content:'';width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform var(--ck-fast)}
.ck-lauf details[open]>summary::before{transform:rotate(45deg)}
.ck-lauf details>summary:hover{color:var(--ck-t0)}
.ck-ausgabe{margin:6px 0 0;padding:10px 12px;max-height:220px;overflow:auto;border:1px solid var(--ck-hair);border-radius:var(--ck-r-sm);background:var(--ck-sunken);font:400 12px/1.55 var(--ck-font-mono);color:var(--ck-t1);white-space:pre-wrap;word-break:break-word}
.ck-ausgabe .ok{color:var(--ck-ruhig)}.ck-ausgabe .nein{color:var(--ck-achtung)}
.ck-befehl-zu{display:inline-flex;gap:6px;align-items:center;font:400 12px/1.4 var(--ck-font-body);color:var(--ck-t3)}
.ck-befehl-zu code{font:400 12px/1 var(--ck-font-mono);color:var(--ck-t4);letter-spacing:.15em}
.ck-lauf .laeuft{display:inline-flex;align-items:center;gap:8px;font:400 12.5px/1.3 var(--ck-font-body);color:var(--ck-t2)}
.ck-lauf .laeuft .pulse{width:8px;height:8px;border-radius:50%;background:var(--ck-ac);animation:ck-pulse 1.2s ease-in-out infinite}
@keyframes ck-pulse{0%,100%{opacity:.3}50%{opacity:1}}
@media (max-width:760px){.ck-lauf{grid-template-columns:14px minmax(0,1fr);row-gap:8px}.ck-lauf .alter,.ck-lauf .act{grid-column:2}.ck-lauf .act{justify-content:flex-start}}
.ck-runde-stand{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;padding:12px 16px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-bg-elev);font:400 13px/1.4 var(--ck-font-body);color:var(--ck-t2)}
.ck-runde-stand b{font-weight:600;color:var(--ck-t0)}
.ck-beitrag{display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 12px;padding:14px 0;border-top:1px solid var(--ck-hair)}
.ck-beitrag:first-child{border-top:0;padding-top:0}
.ck-beitrag .wer{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font:500 13px/1.4 var(--ck-font-body);color:var(--ck-t0)}
.ck-beitrag .wer small{font:400 12px/1.4 var(--ck-font-body);color:var(--ck-t3)}
.ck-beitrag .text{grid-column:2;font:400 14px/1.55 var(--ck-font-body);color:var(--ck-t1);text-wrap:pretty;margin:0}
.ck-beitrag.is-schweigt .text{color:var(--ck-t3);font-style:italic}
.ck-beitrag.is-frage{background:var(--ck-ac-bg);margin:0 -16px;padding-left:16px;padding-right:16px;border-radius:var(--ck-r-sm)}
.ck-beitrag .ck-tag{align-self:center}


/* ── Nachtrag 12.10.2026 · Elfter Export, Auftrag 2/5: Persona vs. Mensch, Porträt erzeugen, Foto mit Einwilligung ── */
/* Mensch: abgerundetes Quadrat statt Kreis. Der Kreis bleibt der Persona (Agent); die Form trägt den Unterschied, nicht nur ein Wort. */
.ck-ava.is-mensch{border-radius:28%}
.ck-ava.is-mensch .ini{font-weight:600}
.ck-ava-art{display:inline-flex;align-items:center;gap:5px;font:500 10px/1 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ck-t3);padding:3px 6px;border:1px solid var(--ck-hair);border-radius:4px;vertical-align:middle}
.ck-ava-art.is-mensch{border-style:dashed}
.ck-ava-art::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--ck-t3)}
.ck-ava-art.is-mensch::before{border-radius:2px}
/* Porträt erzeugen: Vorschau-Karte mit drei Antworten; Zustände wird erzeugt, Vorschau, Fehler */
.ck-portraet-vorschau{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 18px;align-items:center;padding:16px;border:1px dashed var(--ck-border-strong);border-radius:var(--ck-r-md);background:var(--ck-bg-elev)}
.ck-portraet-vorschau .neu{position:relative}
.ck-portraet-vorschau .neu::after{content:attr(data-tag);position:absolute;right:-6px;top:-6px;font:500 9.5px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 6px;border-radius:4px;background:var(--ck-ac-bg);border:1px solid var(--ck-ac-bd);color:var(--ck-t0)}
.ck-portraet-vorschau .t{font:500 14px/1.4 var(--ck-font-body);color:var(--ck-t0)}
.ck-portraet-vorschau .d{display:block;margin-top:2px;font:400 12.5px/1.5 var(--ck-font-body);color:var(--ck-t2)}
.ck-portraet-vorschau .act{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
.ck-portraet-vorschau .alt{display:flex;gap:6px;align-items:center;font:400 12px/1.3 var(--ck-font-body);color:var(--ck-t3)}
.ck-portraet-vorschau .alt .ck-ava{opacity:.55}
.ck-portraet-wird{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:var(--ck-ava-bg,#F6F8FB);border:2px solid var(--ck-hair);position:relative;overflow:hidden}
.ck-portraet-wird::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(124,92,255,.18),transparent);animation:ck-shimmer 1.4s linear infinite}
@keyframes ck-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.ck-portraet-wird .ini{font:600 28px/1 var(--ck-font-body);color:var(--ck-t4)}
/* Einwilligung (eigenes Foto): eigener Dialog, nicht die normale Bestätigung. Sagt, wohin das Foto geht und was davon bleibt. */
.ck-einwilligung{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--ck-achtung-bd);border-radius:var(--ck-r-md);background:var(--ck-achtung-bg)}
.ck-einwilligung .t{font:600 14px/1.4 var(--ck-font-body);color:var(--ck-t0)}
.ck-einwilligung ul{margin:0;padding-left:18px;font:400 13px/1.55 var(--ck-font-body);color:var(--ck-t1)}
.ck-einwilligung label{display:flex;gap:10px;align-items:flex-start;font:400 13.5px/1.5 var(--ck-font-body);color:var(--ck-t0);cursor:pointer}
.ck-einwilligung input[type=checkbox]{margin-top:3px}
.ck-foto-wahl{display:flex;gap:14px;align-items:center;padding:12px 14px;border:1px dashed var(--ck-border-strong);border-radius:var(--ck-r-md);background:var(--ck-card)}
.ck-foto-wahl img,.ck-foto-wahl .ph{width:56px;height:56px;border-radius:28%;object-fit:cover;background:var(--ck-sunken);display:grid;place-items:center;font:500 11px/1 var(--ck-font-mono);color:var(--ck-t4);flex:none}
.ck-foto-wahl .n{font:500 13px/1.4 var(--ck-font-body);color:var(--ck-t0);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-foto-wahl .m{display:block;font:400 12px/1.4 var(--ck-font-body);color:var(--ck-t3)}
@media (max-width:760px){.ck-portraet-vorschau{grid-template-columns:1fr;justify-items:center;text-align:center}.ck-portraet-vorschau .act{justify-content:center}}


/* ── Nachtrag 13.10.2026 · Tanks Prüfung des Elften Exports: sieben Klassen, die in Frames vorkamen und im Kit fehlten ── */
.ck-dot-unbekannt{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ck-unbekannt)}
.ck-hint{display:block;margin-top:6px;font:400 12px/1.5 var(--ck-font-body);color:var(--ck-t3);text-wrap:pretty}
.ck-alert-info{border-color:var(--ck-ac-bd);background:var(--ck-ac-bg)}
.ck-alert-info>svg{stroke:var(--ck-t1)}
.ck-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.ck-persona{display:flex;gap:14px;align-items:center;min-width:0}
.ck-persona>div{min-width:0}
.ck-switch-row{display:flex;gap:14px;align-items:flex-start;cursor:pointer}
.ck-switch-row .t{display:block;font:500 14px/1.4 var(--ck-font-body);color:var(--ck-t0)}
.ck-switch-row .d{display:block;margin-top:2px;font:400 12.5px/1.5 var(--ck-font-body);color:var(--ck-t2);text-wrap:pretty}
.ck-tpl{display:flex;flex-direction:column;gap:8px;padding:16px;cursor:pointer;transition:border-color var(--ck-fast),box-shadow var(--ck-fast)}
.ck-tpl:hover{border-color:var(--ck-border-strong);box-shadow:var(--ck-sh-md)}
.ck-tpl .ck-h3{margin:0}
/* COMPASS-343: Rechnungsanschrift und Steuer */
.ck-steuer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:14px 16px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-bg-elev);font:400 13.5px/1.45 var(--ck-font-body);color:var(--ck-t1)}
.ck-steuer dt{margin:0;color:var(--ck-t2)}.ck-steuer dd{margin:0;text-align:right;font-family:var(--ck-font-mono);font-variant-numeric:tabular-nums;color:var(--ck-t0)}
.ck-steuer .tot{padding-top:8px;border-top:1px solid var(--ck-hair);font-weight:600;color:var(--ck-t0)}
.ck-steuer .hinweis{grid-column:1/-1;font:400 12.5px/1.5 var(--ck-font-body);color:var(--ck-t2);text-wrap:pretty}
.ck-steuer.is-leer{color:var(--ck-t3)}.ck-steuer.is-leer dd{color:var(--ck-t4)}
.ck-anschrift{font:400 14px/1.55 var(--ck-font-body);color:var(--ck-t0);white-space:pre-line;margin:0}
.ck-anschrift small{display:block;margin-top:6px;font:400 12.5px/1.4 var(--ck-font-body);color:var(--ck-t3);white-space:normal}
.ck-schritte{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font:500 12px/1 var(--ck-font-mono);letter-spacing:.04em;color:var(--ck-t3)}
.ck-schritte span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--ck-r-pill);border:1px solid var(--ck-hair);background:var(--ck-card)}
.ck-schritte span.is-aktiv{color:var(--ck-t0);border-color:var(--ck-inverse)}
.ck-schritte span.is-fertig{color:var(--ck-t2)}
.ck-schritte i{width:14px;height:1px;background:var(--ck-border-strong)}
.ck-field.is-fehler .ck-input,.ck-field.is-fehler .ck-select{border-color:var(--ck-fehler);box-shadow:0 0 0 3px var(--ck-fehler-bg)}
.ck-field .fehler{display:block;margin-top:6px;font:400 12px/1.4 var(--ck-font-body);color:var(--ck-fehler)}
/* COMPASS-339: Werkzeuge in Gruppen */
.ck-werkzeuge{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ck-werkzeug{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:12px 14px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card)}
.ck-werkzeug .t{font:500 13.5px/1.35 var(--ck-font-body);color:var(--ck-t0)}
.ck-werkzeug .d{grid-column:2/-1;font:400 12px/1.45 var(--ck-font-body);color:var(--ck-t3)}
.ck-werkzeug .n{font:500 12px/1 var(--ck-font-mono);color:var(--ck-t2);font-variant-numeric:tabular-nums}
.ck-werkzeug.is-teil .n{color:var(--ck-achtung)}
.ck-werkzeug.is-immer{background:var(--ck-bg-elev);border-style:dashed}
.ck-werkzeug.is-immer .ck-switch{opacity:.45;pointer-events:none}
.ck-werkzeug details{grid-column:1/-1}
.ck-werkzeug details>summary{list-style:none;cursor:pointer;font:400 12px/1.4 var(--ck-font-body);color:var(--ck-t3);display:inline-flex;gap:6px;align-items:center;min-height:28px}
.ck-werkzeug details>summary::-webkit-details-marker{display:none}
.ck-werkzeug details>summary:hover{color:var(--ck-t0)}
.ck-werkzeug .einzel{display:flex;flex-wrap:wrap;gap:6px;padding-top:6px}
.ck-werkzeug .einzel label{display:inline-flex;align-items:center;gap:6px;font:400 12px/1 var(--ck-font-mono);color:var(--ck-t2);padding:5px 8px;border:1px solid var(--ck-hair);border-radius:4px;cursor:pointer}
.ck-werkzeug .einzel label:has(input:checked){border-color:var(--ck-border-strong);color:var(--ck-t0)}
/* COMPASS-340: Ablöse-Vorschau */
.ck-abloese{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--ck-hair);border-left:3px solid var(--ck-achtung);border-radius:var(--ck-r-sm);background:var(--ck-bg-elev)}
.ck-abloese .k{font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ck-t3)}
.ck-abloese ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ck-abloese li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;font:400 13px/1.5 var(--ck-font-body);color:var(--ck-t1)}
.ck-abloese li s{color:var(--ck-t2);text-decoration-color:var(--ck-achtung)}
.ck-abloese li .ck-num{color:var(--ck-t3);font-size:12px;padding-top:2px}
.ck-abloese details>summary{list-style:none;cursor:pointer;font:400 12.5px/1.4 var(--ck-font-body);color:var(--ck-t2);display:inline-flex;gap:6px;align-items:center;min-height:28px}
.ck-abloese details>summary::-webkit-details-marker{display:none}
.ck-abloese details>summary:hover{color:var(--ck-t0)}
.ck-abloese .bleibt{font:400 12.5px/1.5 var(--ck-font-body);color:var(--ck-t3)}
@media (max-width:760px){.ck-werkzeuge{grid-template-columns:1fr}.ck-steuer{grid-template-columns:minmax(0,1fr) auto}}

/* Nachtrag 22.10.2026: ck-kv auf 375 px ohne max-content-Raster (Startseite war 49 px zu breit) */
@media (max-width:420px){.ck-kv{grid-template-columns:1fr;gap:2px 0}.ck-kv dt{margin-top:10px}.ck-kv dt:first-child{margin-top:0}}

/* ── Nachtrag 23.10.2026 · Wege und Anfragen (Projekt an Projekt) ── */
.ck-status-angenommen{color:var(--ck-ac);background:var(--ck-ac-bg);border-color:var(--ck-ac-bd)}
.ck-status-beantwortet{color:var(--ck-ruhig);background:var(--ck-ruhig-bg);border-color:var(--ck-ruhig-bd)}
.ck-status-vorgeschlagen{color:var(--ck-t2);background:transparent;border-style:dashed}
.ck-status-beendet{color:var(--ck-t3);background:transparent;border-style:dashed}
/* Weg: Absender-Projekt → dieses Projekt. Richtung ist Teil der Form, nicht nur ein Wort. */
.ck-weg{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:14px 16px;border-top:1px solid var(--ck-hair)}
.ck-weg:first-child{border-top:0}
.ck-weg .von{display:flex;align-items:center;gap:10px;min-width:0;font:500 14px/1.35 var(--ck-font-body);color:var(--ck-t0)}
.ck-weg .von .proj{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 6px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-pill);background:var(--ck-card);font-size:13px}
.ck-weg .von .proj i{width:18px;height:18px;border-radius:5px;background:var(--ck-sunken);display:grid;place-items:center;font:600 9px/1 var(--ck-font-mono);color:var(--ck-t2);font-style:normal}
.ck-weg .von .pfeil{color:var(--ck-t4);font-family:var(--ck-font-mono)}
.ck-weg .von .ziel{color:var(--ck-t2);font-weight:400}
.ck-weg .meta{grid-column:1;font:400 12.5px/1.5 var(--ck-font-body);color:var(--ck-t3)}
.ck-weg .act{grid-row:1/3;grid-column:2;display:flex;gap:6px;align-items:center}
.ck-weg.is-beendet .von{color:var(--ck-t3)}
.ck-weg.is-beendet .proj{border-style:dashed}
/* Anfrage: Sache, Status, Alter, Antwort eingeklappt. Absender sieht nur eigene. */
.ck-anfrage{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 14px;align-items:center;padding:14px 16px;border-top:1px solid var(--ck-hair)}
.ck-anfrage:first-child{border-top:0}
.ck-anfrage .t{font:500 14px/1.4 var(--ck-font-body);color:var(--ck-t0);min-width:0}
.ck-anfrage .t small{display:block;font:400 12.5px/1.5 var(--ck-font-body);color:var(--ck-t3)}
.ck-anfrage .alter{font:400 12.5px/1.3 var(--ck-font-mono);color:var(--ck-t3);white-space:nowrap;font-variant-numeric:tabular-nums}
.ck-anfrage .alter.is-alt{color:var(--ck-achtung);font-weight:500}
.ck-anfrage .antwort{grid-column:1/-1;margin:4px 0 0;padding:10px 12px;border-left:2px solid var(--ck-ruhig);background:var(--ck-bg-elev);border-radius:0 var(--ck-r-sm) var(--ck-r-sm) 0;font:400 13.5px/1.55 var(--ck-font-body);color:var(--ck-t1)}
.ck-anfrage .antwort small{display:block;margin-top:4px;font:400 12px/1.4 var(--ck-font-body);color:var(--ck-t3)}
.ck-anfrage.is-abgelehnt .antwort{border-left-color:var(--ck-fehler)}
.ck-anfrage .act{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}
.ck-anfrage details{grid-column:1/-1}
.ck-anfrage details>summary{list-style:none;cursor:pointer;font:400 12.5px/1.5 var(--ck-font-body);color:var(--ck-t3);display:inline-flex;gap:6px;align-items:center;min-height:28px}
.ck-anfrage details>summary::-webkit-details-marker{display:none}
.ck-anfrage details>summary:hover{color:var(--ck-t0)}
@media (max-width:760px){.ck-weg{grid-template-columns:1fr}.ck-weg .act{grid-row:auto;grid-column:1;justify-content:flex-start}.ck-anfrage{grid-template-columns:minmax(0,1fr) auto}.ck-anfrage .alter{grid-column:1}}


/* ── Nachtrag 23.10.2026 · Organigramm als Baum (Firma → Leitung → Abteilung → Bereich → Stelle) ── */
.ck-orga{position:relative;overflow:auto;padding:24px;height:min(640px,calc(100vh - 260px));min-height:420px;contain:layout;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-bg-elev)}
.ck-orga .baum{display:inline-flex;flex-direction:column;align-items:center;gap:0;transform-origin:0 0}
.ck-orga .baum>.knoten{align-items:center}
.ck-orga .huelle{display:inline-block}
.ck-orga[data-zoom="75"] .baum{transform:scale(.75)}.ck-orga[data-zoom="50"] .baum{transform:scale(.5)}
.ck-orga .ebene{display:flex;justify-content:center;gap:16px;align-items:flex-start}
.ck-orga .knoten{display:flex;flex-direction:column;align-items:center;position:relative}
.ck-orga .knoten>.ebene{padding-top:28px;position:relative}
.ck-orga .knoten>.ebene::before{content:'';position:absolute;top:0;left:50%;width:1px;height:28px;background:var(--ck-border-strong)}
.ck-orga .knoten>.ebene>.knoten::before{content:'';position:absolute;top:-28px;left:50%;width:1px;height:28px;background:var(--ck-border-strong)}
.ck-orga .knoten>.ebene>.knoten::after{content:'';position:absolute;top:-28px;height:1px;background:var(--ck-border-strong);left:0;right:0}
.ck-orga .knoten>.ebene>.knoten:first-child::after{left:50%}
.ck-orga .knoten>.ebene>.knoten:last-child::after{right:50%}
.ck-orga .knoten>.ebene>.knoten:only-child::after{display:none}
.ck-orga .karte{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-items:center;width:176px;padding:10px 12px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);text-decoration:none;color:inherit;box-shadow:var(--ck-sh-sm);transition:border-color var(--ck-fast)}
.ck-orga .karte:hover{border-color:var(--ck-border-strong);color:inherit;text-decoration:none}
.ck-orga .karte .ck-ava{grid-row:1/3}
.ck-orga .karte .stelle{font:600 13px/1.25 var(--ck-font-body);color:var(--ck-t0);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-orga .karte .wer{font:400 12px/1.3 var(--ck-font-body);color:var(--ck-t2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-orga .karte .wer.is-frei{color:var(--ck-t4);font-style:italic}
.ck-orga .karte.is-firma{width:240px;background:var(--ck-inverse);border-color:var(--ck-inverse)}
.ck-orga .karte.is-firma .stelle,.ck-orga .karte.is-firma .wer{color:var(--ck-t-inv)}
.ck-orga .karte.is-leitung{border-color:var(--ck-border-strong)}
.ck-orga .karte.is-abteilung{background:var(--ck-bg-elev)}
.ck-orga .karte.is-bereich{width:184px;border-style:dashed}
.ck-orga .karte .art{grid-column:1/-1;font:500 9.5px/1 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ck-t4);margin-top:4px}
.ck-orga .karte.is-firma .art{color:var(--ck-t-inv);opacity:.6}
.ck-orga .zu{display:grid;place-items:center;width:22px;height:22px;margin-top:6px;border:1px solid var(--ck-border-strong);border-radius:50%;background:var(--ck-card);font:500 11px/1 var(--ck-font-mono);color:var(--ck-t2);cursor:pointer;position:relative;z-index:1}
.ck-orga .zu:hover{color:var(--ck-t0);border-color:var(--ck-inverse)}
.ck-orga .knoten.is-zu>.ebene{display:none}
.ck-orga .knoten.is-zu>.zu::after{content:attr(data-n)}
.ck-orga .knoten:not(.is-zu)>.zu::after{content:'–'}
.ck-orga-leiste{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ck-orga-leiste .legende{display:flex;gap:14px;margin-left:auto;font:400 12px/1 var(--ck-font-body);color:var(--ck-t3)}
.ck-orga-leiste .legende i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;border:1px solid var(--ck-border-strong)}
.ck-orga-leiste .legende i.f{background:var(--ck-inverse);border-color:var(--ck-inverse)}.ck-orga-leiste .legende i.a{background:var(--ck-bg-elev)}.ck-orga-leiste .legende i.b{border-style:dashed}.ck-orga-leiste .legende i.s{background:var(--ck-card)}
@media (max-width:760px){.ck-orga{padding:12px}.ck-orga .karte{width:168px}.ck-orga .karte.is-firma{width:200px}.ck-orga-leiste .legende{display:none}}


/* ── Nachtrag 23.10.2026 · COMPASS-371 Ebene 1: Firmenkarte (Firma → Abteilungen, Anfragewege als Linien) ── */
.ck-firma{position:relative;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-bg-elev);padding:24px;overflow:auto}
.ck-firma .kopf{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--ck-r-md);background:var(--ck-inverse);color:var(--ck-t-inv);margin:0 auto 36px;width:max-content;max-width:100%}
.ck-firma .kopf .t{font:600 15px/1.2 var(--ck-font-body)}.ck-firma .kopf .m{display:block;font:400 12px/1.4 var(--ck-font-body);opacity:.7}
.ck-firma .abt{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:36px 28px;align-items:start}
.ck-firma-abt{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);box-shadow:var(--ck-sh-sm);text-decoration:none;color:inherit;transition:border-color var(--ck-fast)}
.ck-firma-abt:hover{border-color:var(--ck-border-strong);text-decoration:none;color:inherit}
.ck-firma-abt.is-aktuell{border-color:var(--ck-inverse);box-shadow:inset 0 0 0 1px var(--ck-inverse)}
.ck-firma-abt>.fa-hd{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.ck-firma-abt>.fa-hd:hover .t{text-decoration:underline;text-underline-offset:3px}
.ck-firma-abt>.fa-hd .t{font:600 14px/1.25 var(--ck-font-body);color:var(--ck-t0);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-firma-abt>.fa-hd .l{display:block;font:400 12px/1.4 var(--ck-font-body);color:var(--ck-t2)}
.ck-firma-abt>.fa-z{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:10px;border-top:1px solid var(--ck-hair)}
.ck-firma-abt>.fa-z a,.ck-firma-abt>.fa-z span{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit;min-width:0}
.ck-firma-abt>.fa-z .n{font:500 15px/1 var(--ck-font-mono);color:var(--ck-t0);font-variant-numeric:tabular-nums}
.ck-firma-abt>.fa-z .w{font:400 11px/1.3 var(--ck-font-body);color:var(--ck-t3)}
.ck-firma-abt>.fa-z a:hover .n{text-decoration:underline;text-underline-offset:3px}
.ck-firma-abt>.fa-z .n.is-achtung{color:var(--ck-achtung)}
.ck-firma-abt>.fa-zug{display:inline-flex;align-items:center;gap:6px;font:400 11.5px/1 var(--ck-font-body);color:var(--ck-t3)}
.ck-firma-abt>.fa-zug::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--ck-ruhig)}
.ck-firma-abt>.fa-zug.is-kein::before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ck-border-strong)}
.ck-firma-abt.is-gesperrt{background:var(--ck-bg-elev);border-style:dashed;box-shadow:none;color:var(--ck-t3)}
.ck-firma-abt.is-gesperrt .hd .t{color:var(--ck-t2)}
.ck-firma-abt.is-gesperrt>.fa-sp{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--ck-hair);font:400 12px/1.45 var(--ck-font-body);color:var(--ck-t3)}
.ck-firma-abt.is-gesperrt>.fa-sp svg{width:14px;height:14px;stroke:var(--ck-t3);stroke-width:1.8;fill:none;flex:none}
.ck-firma-abt>.fa-on{display:flex;align-items:center;gap:-4px}
.ck-firma-abt>.fa-on .ck-ava{margin-right:-6px;box-shadow:0 0 0 2px var(--ck-card)}
.ck-firma-abt>.fa-on .mehr{margin-left:12px;font:400 11.5px/1 var(--ck-font-body);color:var(--ck-t3)}
/* Anfragewege: SVG-Linien zwischen Abteilungskarten; Zahl offen/beantwortet am Weg; anklickbar */
.ck-firma svg.wege{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}
.ck-firma svg.wege path{fill:none;stroke:var(--ck-border-strong);stroke-width:1.5;pointer-events:stroke;cursor:pointer}
.ck-firma svg.wege path.is-offen{stroke:var(--ck-achtung)}
.ck-firma svg.wege path:hover{stroke:var(--ck-t0);stroke-width:2}
.ck-firma svg.wege marker path{fill:var(--ck-border-strong);stroke:none}
.ck-firma .weg-zahl{position:absolute;z-index:2;transform:translate(-50%,-50%);display:inline-flex;gap:4px;align-items:center;padding:3px 8px;border-radius:var(--ck-r-pill);border:1px solid var(--ck-hair);background:var(--ck-card);font:500 11px/1 var(--ck-font-mono);color:var(--ck-t1);text-decoration:none;font-variant-numeric:tabular-nums;white-space:nowrap}
.ck-firma .weg-zahl b{color:var(--ck-achtung);font-weight:500}
.ck-firma .weg-zahl:hover{border-color:var(--ck-border-strong);color:var(--ck-t0)}
.ck-firma .legende{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px;font:400 12px/1 var(--ck-font-body);color:var(--ck-t3)}
.ck-firma .legende i{display:inline-block;width:18px;height:0;border-top:1.5px solid var(--ck-border-strong);vertical-align:3px;margin-right:6px}
.ck-firma .legende i.o{border-color:var(--ck-achtung)}
.ck-vorl{display:inline-flex;align-items:center;gap:6px;font:500 10px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ck-t3);padding:3px 7px;border:1px dashed var(--ck-border-strong);border-radius:4px}
@media (max-width:760px){.ck-firma{padding:14px}.ck-firma .abt{grid-template-columns:1fr;gap:16px}.ck-firma svg.wege,.ck-firma .weg-zahl{display:none}.ck-firma .kopf{width:auto}}


/* ── Nachtrag 23.10.2026 · COMPASS-371 Ebene 3: Stelle. Wo die Persona in der Firma hängt: Firma → Abteilung → Fachgebiet → Stelle, Besetzung, berichtet an, Anfragewege. ── */
.ck-stelle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;align-items:center;padding:12px 16px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-bg-elev)}
.ck-stelle .pfad{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font:400 13px/1.4 var(--ck-font-body);color:var(--ck-t2);min-width:0}
.ck-stelle .pfad a{color:var(--ck-t1);text-decoration:none}.ck-stelle .pfad a:hover{text-decoration:underline;text-underline-offset:3px;color:var(--ck-t0)}
.ck-stelle .pfad i{width:4px;height:4px;border-radius:50%;background:var(--ck-border-strong)}
.ck-stelle .pfad b{font-weight:600;color:var(--ck-t0)}
.ck-stelle .pfad small{font:400 11px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ck-t4);margin-right:2px}
.ck-stelle .fakten{display:flex;flex-wrap:wrap;gap:6px 18px;font:400 12.5px/1.4 var(--ck-font-body);color:var(--ck-t2)}
.ck-stelle .fakten b{font-weight:500;color:var(--ck-t0)}
.ck-stelle .fakten a{color:inherit}
.ck-stelle .fakten .ck-ava{vertical-align:middle;margin-right:4px}
.ck-stelle.is-unbesetzt{border-style:dashed}
.ck-stelle.is-unbesetzt .pfad b{color:var(--ck-t2)}
@media (max-width:760px){.ck-stelle{grid-template-columns:1fr}}


/* ── Nachtrag 23.10.2026 · COMPASS-392 Einladung: Mail-Vorschau, Passwort setzen, Einladungs-Zeile ── */
.ck-mail{border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);overflow:hidden;max-width:560px}
.ck-mail .hd{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;padding:12px 16px;border-bottom:1px solid var(--ck-hair);background:var(--ck-bg-elev);font:400 12px/1.5 var(--ck-font-body);color:var(--ck-t3)}
.ck-mail .hd b{font-weight:500;color:var(--ck-t1)}
.ck-mail .bd{padding:24px 24px 20px;font:400 14.5px/1.6 var(--ck-font-body);color:var(--ck-t1)}
.ck-mail .bd p{margin:0 0 14px;text-wrap:pretty}
.ck-mail .bd .ck-btn{margin:6px 0 14px}
.ck-mail .bd .link{font:400 12px/1.5 var(--ck-font-mono);color:var(--ck-t3);word-break:break-all}
.ck-mail .ft{padding:12px 24px;border-top:1px solid var(--ck-hair);font:400 11.5px/1.5 var(--ck-font-body);color:var(--ck-t3)}
.ck-mail .brand{display:flex;align-items:center;gap:8px;margin-bottom:18px;font:600 13px/1 var(--ck-font-body);color:var(--ck-t0)}
.ck-mail .brand i{width:18px;height:18px;border-radius:4px;background:var(--ck-inverse);display:inline-block}
.ck-einladung{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:4px 12px;align-items:center;padding:12px 16px;border-top:1px solid var(--ck-hair)}
.ck-einladung:first-child{border-top:0}
.ck-einladung .ck-ava{opacity:.6;border-style:dashed}
.ck-einladung .t{font:500 14px/1.35 var(--ck-font-body);color:var(--ck-t0);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-einladung .t small{display:block;font:400 12px/1.5 var(--ck-font-body);color:var(--ck-t3);white-space:normal}
.ck-einladung .alter{font:400 12px/1.3 var(--ck-font-mono);color:var(--ck-t3);white-space:nowrap}
.ck-einladung .alter.is-bald{color:var(--ck-achtung)}
.ck-einladung.is-abgelaufen .t,.ck-einladung.is-abgelaufen .alter{color:var(--ck-t4)}
.ck-einladung.is-abgelaufen .ck-ava{opacity:.3}
.ck-pw-staerke{display:flex;gap:4px;margin-top:8px}
.ck-pw-staerke i{flex:1;height:4px;border-radius:2px;background:var(--ck-sunken)}
.ck-pw-staerke i.is-on{background:var(--ck-ruhig)}
.ck-pw-staerke i.is-schwach{background:var(--ck-achtung)}
.ck-konto-hinweis{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-bg-elev);font:400 13px/1.5 var(--ck-font-body);color:var(--ck-t1)}
.ck-konto-hinweis .ck-ava{flex:none}
@media (max-width:760px){.ck-einladung{grid-template-columns:auto minmax(0,1fr)}.ck-einladung .alter,.ck-einladung>.ck-btn{grid-column:2}.ck-mail .bd{padding:18px 16px}}


/* ── Nachtrag 24.10.2026 · COMPASS-396 Meine Stelle: Auswahl der eigenen Stelle, Bindung, Post-Hinweis ── */
.ck-stelle-wahl{display:flex;flex-direction:column;gap:8px}
.ck-stelle-opt{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:12px 14px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);cursor:pointer;transition:border-color var(--ck-fast)}
.ck-stelle-opt:hover{border-color:var(--ck-border-strong)}
.ck-stelle-opt input{position:absolute;opacity:0;pointer-events:none}
.ck-stelle-opt:has(input:checked){border-color:var(--ck-inverse);box-shadow:inset 0 0 0 1px var(--ck-inverse)}
.ck-stelle-opt:has(input:focus-visible){box-shadow:var(--ck-focus)}
.ck-stelle-opt .t{font:500 14px/1.35 var(--ck-font-body);color:var(--ck-t0)}
.ck-stelle-opt .d{grid-column:2;font:400 12px/1.45 var(--ck-font-body);color:var(--ck-t3)}
.ck-stelle-opt .tick{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--ck-border-strong);display:grid;place-items:center}
.ck-stelle-opt:has(input:checked) .tick{background:var(--ck-inverse);border-color:var(--ck-inverse)}
.ck-stelle-opt:has(input:checked) .tick::after{content:'';width:7px;height:4px;border:2px solid var(--ck-t-inv);border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.ck-stelle-opt.is-belegt{cursor:not-allowed;background:var(--ck-bg-elev)}
.ck-stelle-opt.is-belegt .t{color:var(--ck-t2)}
.ck-stelle-opt.is-belegt .tick{border-style:dashed;opacity:.5}
.ck-stelle-opt .wer{display:inline-flex;align-items:center;gap:6px;font:400 12px/1 var(--ck-font-body);color:var(--ck-t3)}
.ck-stelle-bindung{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:center;padding:16px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-bg-elev)}
.ck-stelle-bindung .t{font:600 15px/1.3 var(--ck-font-body);color:var(--ck-t0)}
.ck-stelle-bindung .pfad{grid-column:2;font:400 12.5px/1.5 var(--ck-font-body);color:var(--ck-t2)}
.ck-stelle-bindung .pfad i,.ck-stelle-opt .d i{font-style:normal;color:var(--ck-t4);margin:0 6px}
.ck-stelle-bindung .seit{grid-column:2;font:400 12px/1.4 var(--ck-font-mono);color:var(--ck-t3)}
.ck-post-hinweis{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;padding:12px 14px;border:1px dashed var(--ck-border-strong);border-radius:var(--ck-r-md);font:400 12.5px/1.5 var(--ck-font-body);color:var(--ck-t2)}
.ck-post-hinweis .k{grid-column:1/-1;font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ck-t3)}
.ck-post-hinweis .n{font:500 20px/1 var(--ck-font-mono);color:var(--ck-t4);font-variant-numeric:tabular-nums;align-self:center}
.ck-post-hinweis b{font-weight:500;color:var(--ck-t1)}


/* ── Nachtrag 24.10.2026 · COMPASS-390 Post-Zähler: zugestellt · nie gelesen · nie zugestellt, Warnung bei ausbleibendem Abholen ── */
.ck-post{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-hair);overflow:hidden}
.ck-post a,.ck-post>span{display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:var(--ck-card);text-decoration:none;color:inherit;min-width:0}
.ck-post a:hover{background:var(--ck-bg-elev);text-decoration:none;color:inherit}
.ck-post .n{font:500 18px/1 var(--ck-font-mono);color:var(--ck-t0);font-variant-numeric:tabular-nums}
.ck-post .w{font:400 11.5px/1.35 var(--ck-font-body);color:var(--ck-t3);text-wrap:pretty}
.ck-post .m{font:400 11px/1.3 var(--ck-font-mono);color:var(--ck-t4)}
.ck-post .is-achtung .n{color:var(--ck-achtung)}
.ck-post .is-unbekannt .n{color:var(--ck-t4)}
.ck-post .is-ruhig .n{color:var(--ck-ruhig)}
.ck-post.is-klein{display:inline-grid;grid-auto-flow:column;grid-template-columns:none;border-radius:var(--ck-r-pill)}
.ck-post.is-klein a,.ck-post.is-klein>span{flex-direction:row;align-items:baseline;gap:5px;padding:4px 10px}
.ck-post.is-klein .n{font-size:12.5px}.ck-post.is-klein .w{font-size:11px}.ck-post.is-klein .m{display:none}
.ck-post-warnung{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:10px 14px;border:1px solid var(--ck-achtung-bd);border-radius:var(--ck-r-md);background:var(--ck-achtung-bg);font:400 13px/1.45 var(--ck-font-body);color:var(--ck-t1)}
.ck-post-warnung .ico{width:8px;height:8px;border-radius:50%;background:var(--ck-achtung)}
.ck-post-warnung .t{font-weight:500;color:var(--ck-t0)}
.ck-post-warnung .d{grid-column:2;font-size:12.5px;color:var(--ck-t2)}
.ck-post-warnung.is-unbekannt{border-color:var(--ck-hair);background:var(--ck-bg-elev)}
.ck-post-warnung.is-unbekannt .ico{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ck-unbekannt)}
@media (max-width:760px){.ck-post{grid-template-columns:1fr 1fr}.ck-post-warnung{grid-template-columns:auto minmax(0,1fr)}.ck-post-warnung .ck-btn{grid-column:2}}

.ck-topbar .ck-crumbs{min-width:0;flex:1 1 auto;overflow:hidden}
@media (max-width:1024px){.ck-topbar .ck-search{display:none}}

/* ── Nachtrag 24.10.2026 · COMPASS-407 Aufträge je Projekt: Zeile, Status, Reihenfolge, Verlauf ── */
.ck-auftraege{display:flex;flex-direction:column}
.ck-auftrag{display:grid;grid-template-columns:28px 32px minmax(0,1fr) auto auto auto;gap:4px 14px;align-items:center;padding:12px 16px;border-top:1px solid var(--ck-hair);text-decoration:none;color:inherit}
.ck-auftrag:first-child{border-top:0}
.ck-auftrag:hover{background:var(--ck-bg-elev);text-decoration:none;color:inherit}
.ck-auftrag .griff{display:grid;place-items:center;width:28px;height:28px;color:var(--ck-t4);cursor:grab;border-radius:6px}
.ck-auftrag .griff:hover{background:var(--ck-sunken);color:var(--ck-t2)}
.ck-auftrag .griff svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
.ck-auftrag .nr{font:500 12px/1 var(--ck-font-mono);color:var(--ck-t3);font-variant-numeric:tabular-nums;text-align:right}
.ck-auftrag .t{font:500 14px/1.35 var(--ck-font-body);color:var(--ck-t0);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-auftrag .t small{display:block;font:400 12px/1.5 var(--ck-font-body);color:var(--ck-t3);white-space:normal}
.ck-auftrag .wer{display:inline-flex;align-items:center;gap:6px;font:400 12.5px/1 var(--ck-font-body);color:var(--ck-t2);white-space:nowrap}
.ck-auftrag .alter{font:400 12px/1.3 var(--ck-font-mono);color:var(--ck-t3);white-space:nowrap;font-variant-numeric:tabular-nums}
.ck-auftrag .alter.is-alt{color:var(--ck-achtung);font-weight:500}
.ck-auftrag.is-dringend{box-shadow:inset 3px 0 0 var(--ck-achtung)}
.ck-auftrag.is-erledigt .t,.ck-auftrag.is-abgelehnt .t,.ck-auftrag.is-abgeloest .t{color:var(--ck-t2);font-weight:400}
.ck-auftrag.is-abgeloest .t{text-decoration:line-through;text-decoration-color:var(--ck-border-strong)}
.ck-auftrag.is-ziehen{opacity:.5;background:var(--ck-ac-bg)}
.ck-auftrag.is-ziel{box-shadow:inset 0 2px 0 var(--ck-inverse)}
.ck-status-offen{background:var(--ck-card);border-color:var(--ck-border-strong);color:var(--ck-t1)}
.ck-status-angenommen{background:var(--ck-ac-bg);border-color:var(--ck-ac-bd);color:var(--ck-t0)}
.ck-status-erledigt{background:var(--ck-ruhig-bg);border-color:var(--ck-ruhig-bd);color:var(--ck-ruhig)}
.ck-status-abgelehnt{background:var(--ck-sunken);border-color:var(--ck-hair);color:var(--ck-t3)}
.ck-status-abgeloest{background:var(--ck-sunken);border-color:var(--ck-hair);color:var(--ck-t3);text-decoration:line-through}
.ck-prio{display:inline-flex;align-items:center;gap:5px;font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ck-achtung)}
.ck-prio::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--ck-achtung)}
.ck-ergebnis{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);font:400 13px/1.35 var(--ck-font-body);color:var(--ck-t0);text-decoration:none;max-width:100%}
.ck-ergebnis:hover{border-color:var(--ck-border-strong);text-decoration:none;color:inherit}
.ck-ergebnis .art{font:500 10px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ck-t3);padding:3px 6px;border:1px solid var(--ck-hair);border-radius:4px;flex:none}
.ck-ergebnis .ck-num{color:var(--ck-t2)}
.ck-nachfolger{display:flex;gap:10px;align-items:center;padding:10px 14px;border:1px dashed var(--ck-border-strong);border-radius:var(--ck-r-md);font:400 13px/1.45 var(--ck-font-body);color:var(--ck-t2)}
.ck-nachfolger a{font-weight:500}
.ck-auftrag-alt{display:flex;gap:12px;align-items:center;padding:12px 16px;border:1px solid var(--ck-achtung-bd);border-radius:var(--ck-r-md);background:var(--ck-achtung-bg);font:400 13px/1.45 var(--ck-font-body);color:var(--ck-t1)}
.ck-auftrag-alt b{font-weight:600;color:var(--ck-t0)}
@media (max-width:760px){.ck-auftrag{grid-template-columns:28px minmax(0,1fr) auto;row-gap:6px}.ck-auftrag .nr{display:none}.ck-auftrag .wer,.ck-auftrag .alter{grid-column:2/-1}.ck-auftrag .t{white-space:normal}}


/* ── Nachtrag 24.10.2026 · COMPASS-413 Regelwerk für Menschen: Erklärleiste, Herkunftskette, Wirkung eines Knopfs ── */
/* Erklärleiste: ein Satz plus aufklappbare Begriffe; einklappbar, merkt sich den Zustand (localStorage, Bau). Steht oben, nicht als Vortrag. */
.ck-erklaer{border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-bg-elev)}
.ck-erklaer>summary{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:center;padding:12px 16px;font:400 14px/1.5 var(--ck-font-body);color:var(--ck-t1);text-wrap:pretty}
.ck-erklaer>summary::-webkit-details-marker{display:none}
.ck-erklaer>summary b{font-weight:600;color:var(--ck-t0)}
.ck-erklaer>summary .mehr{margin-left:auto;flex:none;font:500 12px/1 var(--ck-font-body);color:var(--ck-t2);display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-pill);background:var(--ck-card)}
.ck-erklaer>summary .mehr::after{content:'';width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-2px}
.ck-erklaer[open]>summary .mehr::after{transform:rotate(-135deg);margin-top:2px}
.ck-erklaer .bd{padding:4px 16px 16px;border-top:1px solid var(--ck-hair)}
.ck-begriffe{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0 0}
.ck-begriff{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:center;padding:12px 14px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card)}
.ck-begriff .ck-kind{align-self:start}
.ck-begriff .t{font:600 13.5px/1.3 var(--ck-font-body);color:var(--ck-t0)}
.ck-begriff .d{grid-column:2;font:400 12.5px/1.5 var(--ck-font-body);color:var(--ck-t2);text-wrap:pretty}
.ck-begriff .bsp{grid-column:2;font:400 12px/1.45 var(--ck-font-body);color:var(--ck-t3);font-style:italic}
.ck-kette{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 0 0;font:400 12.5px/1.4 var(--ck-font-body);color:var(--ck-t2)}
.ck-kette span{padding:5px 10px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-pill);background:var(--ck-card);color:var(--ck-t0);font-weight:500}
.ck-kette i{font-style:normal;color:var(--ck-t4)}
.ck-kette small{flex-basis:100%;font:400 12px/1.5 var(--ck-font-body);color:var(--ck-t3)}
/* Herkunft einer Aussage: Frage → Antwort → Aussage, als Zeile in der Aussage */
.ck-statement .ck-herkunft-kette{grid-column:1}
.ck-herkunft-kette{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font:400 12px/1.45 var(--ck-font-body);color:var(--ck-t2)}
.ck-herkunft-kette .q{color:var(--ck-t1)}
.ck-herkunft-kette .ck-ava{margin:0 2px}
.ck-herkunft-kette i{font-style:normal;color:var(--ck-t4)}
.ck-herkunft-kette a{font-weight:500}
/* Wirkung eines Knopfs: steht am Knopf, bevor man drückt */
.ck-wirkung{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;padding:12px 14px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);font:400 13px/1.5 var(--ck-font-body);color:var(--ck-t1)}
.ck-wirkung .k{grid-column:1/-1;font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ck-t3)}
.ck-wirkung .ja::before,.ck-wirkung .nein::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:1px}
.ck-wirkung .ja::before{background:var(--ck-ruhig)}
.ck-wirkung .nein::before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ck-border-strong)}
.ck-wirkung p{margin:0;grid-column:1/-1}
.ck-wirkung .ck-form-actions{grid-column:1/-1;margin-top:4px}
/* „Nichts zu tun“: das Regelwerk ist zum Nachlesen; was zu tun ist, liegt in Entscheidungen */
.ck-nichts-zu-tun{display:flex;gap:12px;align-items:center;padding:10px 14px;border:1px dashed var(--ck-border-strong);border-radius:var(--ck-r-md);font:400 13px/1.45 var(--ck-font-body);color:var(--ck-t2)}
.ck-nichts-zu-tun b{font-weight:500;color:var(--ck-t0)}
@media (max-width:760px){.ck-erklaer>summary{flex-wrap:wrap}.ck-erklaer>summary .mehr{margin-left:0}}

/* COMPASS-413: Begriffs-Kinds, Farben aus den bestehenden Tokens */
.ck-kind-aussage{background:var(--ck-ac-bg);color:var(--ck-t0);border-color:var(--ck-ac-bd)}
.ck-kind-entscheidung{background:var(--ck-achtung-bg);color:var(--ck-achtung);border-color:var(--ck-achtung-bd)}
.ck-kind-pruef{background:var(--ck-ruhig-bg);color:var(--ck-ruhig);border-color:var(--ck-ruhig-bd)}

/* ── Nachtrag 24.10.2026 · COMPASS-368 Gedächtnis: wem gehört Wissen, wer nutzt es, welches Fachgebiet; Fachgebiet-Matrix; vier Nullzustände ── */
.ck-schichten .n{max-width:240px}
.ck-schichten .n .z{display:inline-flex;gap:6px;align-items:baseline}
.ck-schichten .n .z i{font-style:normal;color:var(--ck-t4)}
.ck-schichten .n .zu{display:block;margin-top:4px;font:400 11.5px/1.4 var(--ck-font-body);color:var(--ck-t3);white-space:normal;text-wrap:pretty}
.ck-schichten .n a{color:inherit;text-decoration:none}
.ck-schichten .n a:hover{text-decoration:underline;text-underline-offset:3px}
.ck-schichten .n .null{color:var(--ck-t3);font-weight:400}
.ck-schichten .n .null small{color:var(--ck-t3)}
/* Fachgebiet-Matrix: je Fachgebiet geteilt · in eigenen Einträgen · Regeln; jede Zahl ein Filter */
.ck-fach-matrix{width:100%;border-collapse:collapse;font:400 13px/1.4 var(--ck-font-body)}
.ck-fach-matrix th{text-align:left;padding:8px 12px;font:500 10.5px/1.6 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ck-t3);border-bottom:1px solid var(--ck-hair)}
.ck-fach-matrix th.n,.ck-fach-matrix td.n{text-align:right;font-variant-numeric:tabular-nums}
.ck-fach-matrix td{padding:9px 12px;border-bottom:1px solid var(--ck-hair);color:var(--ck-t1)}
.ck-fach-matrix tr:last-child td{border-bottom:0}
.ck-fach-matrix td.t{font-weight:500;color:var(--ck-t0)}
.ck-fach-matrix td a{color:var(--ck-t0);text-decoration:none;font-family:var(--ck-font-mono)}
.ck-fach-matrix td a:hover{text-decoration:underline;text-underline-offset:3px}
.ck-fach-matrix td .null{color:var(--ck-t4);font-family:var(--ck-font-mono)}
.ck-fach-matrix tr.is-ohne td{color:var(--ck-t3)}
.ck-fach-matrix tr.is-ohne td.t{font-weight:400;font-style:italic}
.ck-fach-matrix th .hilfe{display:block;font:400 11px/1.4 var(--ck-font-body);letter-spacing:0;text-transform:none;color:var(--ck-t4)}
/* Eintrag: Besitz, Reichweite, Fachgebiet als drei getrennte Angaben */
.ck-besitz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ck-besitz>div{padding:10px 12px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-bg-elev)}
.ck-besitz .k{display:block;font:500 10px/1 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ck-t3);margin-bottom:6px}
.ck-besitz .v{font:500 13px/1.35 var(--ck-font-body);color:var(--ck-t0)}
.ck-besitz .v small{display:block;font:400 11.5px/1.4 var(--ck-font-body);color:var(--ck-t3);margin-top:2px}
/* Freigeben: Wirkung vor dem Klick (nutzt .ck-wirkung) */
.ck-null-art{display:inline-flex;align-items:center;gap:6px;font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:4px;border:1px solid var(--ck-hair);color:var(--ck-t3)}
.ck-null-art.is-zuordnung{border-color:var(--ck-unbekannt);color:var(--ck-unbekannt)}
.ck-null-art.is-messung{border-style:dashed}
.ck-null-art.is-fehler{border-color:var(--ck-fehler-bd);color:var(--ck-fehler)}
@media (max-width:760px){.ck-besitz{grid-template-columns:1fr}.ck-fach-matrix th .hilfe{display:none}.ck-fach-matrix th,.ck-fach-matrix td{padding:8px 6px}}

/* COMPASS-368 Nav-Stabilität: Gruppen reservieren ihre Kopfhöhe, Zähler haben feste Breite, aktive Stelle scrollt nicht weg; Scrollposition der Leiste merkt sich der Bau (sessionStorage). */
.ck-nav{scrollbar-gutter:stable}
.ck-nav-item .cnt{min-width:22px;text-align:right;font-variant-numeric:tabular-nums}
.ck-nav-item .cnt:empty{visibility:hidden}
.ck-nav-group>summary{min-height:32px}
.ck-nav-item.is-active{scroll-margin:48px}
.ck-nav-item .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}

/* ── Nachtrag 24.10.2026 · COMPASS-371 Knoten-Detail: Seitenblatt neben dem Baum, Ausschnitt bleibt; verabschiedet; mehrere Sitzungen ── */
.ck-orga-wrap>.ck-orga{min-width:0}
.ck-orga-wrap{display:grid;grid-template-columns:minmax(0,1fr) 0;gap:0;transition:grid-template-columns var(--ck-fast)}
.ck-orga-wrap.is-offen{grid-template-columns:minmax(0,1fr) 360px;gap:var(--ck-s4)}
.ck-orga-detail{position:sticky;top:72px;align-self:start;max-height:calc(100vh - 96px);overflow:auto;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);box-shadow:var(--ck-sh-md);opacity:0;visibility:hidden;transition:opacity var(--ck-fast)}
.ck-orga-wrap.is-offen .ck-orga-detail{opacity:1;visibility:visible}
.ck-orga-detail .hd{display:flex;gap:12px;align-items:flex-start;padding:16px 16px 12px;border-bottom:1px solid var(--ck-hair)}
.ck-orga-detail .hd .t{font:600 15px/1.3 var(--ck-font-body);color:var(--ck-t0)}
.ck-orga-detail .hd .pfad{display:block;margin-top:3px;font:400 12px/1.5 var(--ck-font-body);color:var(--ck-t3)}
.ck-orga-detail .hd .pfad i{font-style:normal;color:var(--ck-t4);margin:0 4px}
.ck-orga-detail .hd .x{margin-left:auto}
.ck-orga-detail .bd{padding:14px 16px;display:flex;flex-direction:column;gap:14px}
.ck-orga-detail .ck-label{margin:0}
.ck-orga-detail .wege{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.ck-orga-detail .wege a{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-sm);text-decoration:none;color:inherit;min-height:44px;justify-content:center}
.ck-orga-detail .wege a:hover{border-color:var(--ck-border-strong);text-decoration:none;color:inherit}
.ck-orga-detail .wege .t{font:500 13px/1.3 var(--ck-font-body);color:var(--ck-t0)}
.ck-orga-detail .wege .m{font:400 11.5px/1.3 var(--ck-font-body);color:var(--ck-t3)}
.ck-orga-detail .sitz{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:8px 0;border-top:1px solid var(--ck-hair)}
.ck-orga-detail .sitz:first-of-type{border-top:0;padding-top:0}
.ck-orga-detail .sitz .id{font:400 12px/1 var(--ck-font-mono);color:var(--ck-t1)}
.ck-orga-detail .sitz .m{grid-column:2;font:400 11.5px/1.4 var(--ck-font-body);color:var(--ck-t3)}
.ck-orga .knoten.is-gewaehlt>.karte{border-color:var(--ck-inverse);box-shadow:inset 0 0 0 1px var(--ck-inverse),var(--ck-sh-sm)}
.ck-orga .knoten.is-verabschiedet>.karte{border-style:dashed;background:var(--ck-bg-elev);opacity:.75}
.ck-orga .knoten.is-verabschiedet>.karte .t{color:var(--ck-t2);text-decoration:line-through;text-decoration-color:var(--ck-border-strong)}
.ck-orga .karte .sitze{display:inline-flex;align-items:center;gap:3px;margin-left:6px;vertical-align:middle}
.ck-orga .karte .sitze i{width:7px;height:7px;border-radius:50%;background:var(--ck-ruhig);display:inline-block}
.ck-orga .karte .sitze i.is-aus{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ck-border-strong)}
.ck-orga .karte .sitze small{font:400 10.5px/1 var(--ck-font-mono);color:var(--ck-t3);margin-left:2px}
.ck-nachfolge{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px dashed var(--ck-border-strong);border-radius:var(--ck-r-md);font:400 12.5px/1.45 var(--ck-font-body);color:var(--ck-t2)}
@media (max-width:1024px){.ck-orga-wrap.is-offen{grid-template-columns:1fr}.ck-orga-detail{position:fixed;inset:auto 0 0 0;top:auto;max-height:80vh;border-radius:16px 16px 0 0;z-index:40}}


/* ── Nachtrag 24.10.2026 · COMPASS-412 Stufe 4: Sammlungen (mehrere Dateien als eine versionierte Einheit) ── */
.ck-sammlung{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto auto;gap:4px 14px;align-items:center;padding:12px 16px;border-top:1px solid var(--ck-hair);text-decoration:none;color:inherit}
.ck-sammlung:first-child{border-top:0}
.ck-sammlung:hover{background:var(--ck-bg-elev);text-decoration:none;color:inherit}
.ck-sammlung .ico{width:40px;height:40px;border-radius:var(--ck-r-sm);border:1px solid var(--ck-hair);background:var(--ck-sunken);display:grid;place-items:center;overflow:hidden}
.ck-sammlung .ico svg{width:18px;height:18px;stroke:var(--ck-t3);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-sammlung .ico img{width:100%;height:100%;object-fit:cover}
.ck-sammlung .t{font:500 14px/1.35 var(--ck-font-body);color:var(--ck-t0);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-sammlung .t small{display:block;font:400 12px/1.5 var(--ck-font-body);color:var(--ck-t3);white-space:normal}
.ck-sammlung .typen{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.ck-sammlung .ver{font:500 12px/1 var(--ck-font-mono);color:var(--ck-t2);white-space:nowrap}
.ck-sammlung .ver small{display:block;margin-top:3px;font:400 11px/1.3 var(--ck-font-body);color:var(--ck-t3)}
.ck-sammlung.is-beendet .t{color:var(--ck-t2)}
.ck-typ{display:inline-flex;align-items:center;font:500 10px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 6px;border:1px solid var(--ck-hair);border-radius:4px;color:var(--ck-t3);background:var(--ck-card)}
.ck-typ.is-html{border-color:var(--ck-ac-bd);color:var(--ck-t0)}
.ck-baum{font:400 13px/1.5 var(--ck-font-mono);color:var(--ck-t1)}
.ck-baum ul{list-style:none;margin:0;padding:0 0 0 18px;border-left:1px solid var(--ck-hair)}
.ck-baum>ul{padding:0;border:0}
.ck-baum li{position:relative;padding:3px 0 3px 10px}
.ck-baum li::before{content:'';position:absolute;left:0;top:14px;width:8px;height:1px;background:var(--ck-hair)}
.ck-baum>ul>li::before{display:none}
.ck-baum>ul>li{padding-left:0}
.ck-baum .d{display:flex;gap:10px;align-items:center;min-height:28px;padding:0 6px;border-radius:4px;color:inherit;text-decoration:none}
.ck-baum a.d:hover{background:var(--ck-bg-elev);text-decoration:none}
.ck-baum .d.is-aktiv{background:var(--ck-ac-bg)}
.ck-baum .d .n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.ck-baum .d .m{font-size:11px;color:var(--ck-t4);white-space:nowrap}
.ck-baum .d.is-neu .n::after{content:'neu';margin-left:8px;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;padding:2px 5px;border-radius:3px;background:var(--ck-ac-bg);border:1px solid var(--ck-ac-bd);color:var(--ck-t0)}
.ck-baum .d.is-geaendert .n::after{content:'geändert';margin-left:8px;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;padding:2px 5px;border-radius:3px;background:var(--ck-achtung-bg);border:1px solid var(--ck-achtung-bd);color:var(--ck-achtung)}
.ck-baum .d.is-abgeloest .n{text-decoration:line-through;color:var(--ck-t3)}
.ck-baum .d.is-gleich .m::after{content:'=';margin-left:4px;color:var(--ck-ruhig)}
.ck-baum .ordner>.d{font-weight:500;color:var(--ck-t0)}
.ck-vorschau{border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);overflow:hidden}
.ck-vorschau .leiste{display:flex;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--ck-hair);background:var(--ck-bg-elev);font:400 12px/1.3 var(--ck-font-mono);color:var(--ck-t3)}
.ck-vorschau .leiste .dom{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ck-t2)}
.ck-vorschau .leiste .sand{display:inline-flex;align-items:center;gap:5px;font:500 10px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border:1px solid var(--ck-ruhig-bd);border-radius:4px;color:var(--ck-ruhig);background:var(--ck-ruhig-bg)}
.ck-vorschau .rahmen{position:relative;aspect-ratio:16/10;background:repeating-conic-gradient(var(--ck-sunken) 0 25%,var(--ck-card) 0 50%) 0 0/16px 16px}
.ck-vorschau .rahmen iframe,.ck-vorschau .rahmen .ph{position:absolute;inset:0;width:100%;height:100%;border:0}
.ck-vorschau .rahmen .ph{display:grid;place-items:center;font:400 13px/1.5 var(--ck-font-body);color:var(--ck-t3);text-align:center;padding:24px}
.ck-vorschau .rahmen.is-mobil{aspect-ratio:auto;height:520px;display:grid;place-items:center}
.ck-vorschau .rahmen.is-mobil iframe{position:static;width:375px;height:100%;border:1px solid var(--ck-hair);border-radius:12px;background:var(--ck-card)}
.ck-pruefsumme{font:400 11.5px/1.4 var(--ck-font-mono);color:var(--ck-t4);word-break:break-all}
.ck-dedup{display:inline-flex;gap:6px;align-items:center;font:400 12px/1.3 var(--ck-font-body);color:var(--ck-t2)}
.ck-dedup b{font-weight:500;color:var(--ck-ruhig)}
@media (max-width:760px){.ck-sammlung{grid-template-columns:40px minmax(0,1fr)}.ck-sammlung .typen,.ck-sammlung .ver,.ck-sammlung>.ck-status{grid-column:2;justify-content:flex-start}.ck-vorschau .rahmen.is-mobil{height:420px}}

/* Avatar im Fließtext: inline-grid, damit er nicht allein auf eine Zeile fällt */
p .ck-ava,.ck-small .ck-ava,.ck-herkunft-kette .ck-ava,.ck-caption .ck-ava,span>.ck-ava.ck-ava-xs{display:inline-grid;vertical-align:middle}
/* ── Nachtrag 25.10.2026 · 6476 (werft): Zeitleiste ohne Klasse am li; Auftragszeile auf 375 ── */
ul.ck-tl>li>.t{display:block;font:400 13.5px/1.5 var(--ck-font-body);color:var(--ck-t1);grid-column:1/-1}
ul.ck-tl>li>.m{display:block;margin-top:2px;font:400 12px/1.45 var(--ck-font-body);color:var(--ck-t3);grid-column:1/-1}
@media (max-width:760px){.ck-auftrag{grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"g t s" "g w w" "g a a"}.ck-auftrag .griff{grid-area:g}.ck-auftrag .t{grid-area:t}.ck-auftrag>.ck-status{grid-area:s;align-self:start}.ck-auftrag .wer{grid-area:w}.ck-auftrag .alter{grid-area:a}}
/* Modus Projekt | Firma (6700): Elemente nur in einem Modus zeigen */
[data-modus="projekt"] .md-firma,[data-modus="firma"] .md-projekt{display:none!important}
/* ── Nachtrag 25.10.2026 · 6714 Mail-Frames: Punkt der Rundgang-Mail, Textfassung, Nebeneinander ── */
.ck-mail-paar{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:var(--ck-s4);align-items:start}
.ck-mail .bd h1{margin:0 0 14px;font:600 20px/1.3 var(--ck-font-body);color:var(--ck-t0);text-wrap:pretty}
.ck-mail .bd ul{margin:0 0 14px;padding-left:18px}
.ck-mail .bd li{margin:0 0 4px}
.ck-mail-punkt{padding:14px 0;border-top:1px solid var(--ck-hair)}
.ck-mail-punkt:first-of-type{border-top:0;padding-top:0}
.ck-mail-punkt .was{display:block;font:600 15px/1.4 var(--ck-font-body);color:var(--ck-t0)}
.ck-mail-punkt .warum{display:block;margin:4px 0 10px;font:400 14px/1.55 var(--ck-font-body);color:var(--ck-t1)}
.ck-mail-punkt .ck-btn{margin:0}
.ck-mail-text{margin:0;padding:16px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-sunken);font:400 12.5px/1.6 var(--ck-font-mono);color:var(--ck-t1);white-space:pre-wrap;word-break:break-word}
.ck-mail-kein{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px dashed var(--ck-border-strong);border-radius:var(--ck-r-md);background:var(--ck-bg-elev);max-width:560px}
.ck-mail-kein .t{font:600 15px/1.4 var(--ck-font-body);color:var(--ck-t0)}
.ck-mail-kein .d{font:400 13.5px/1.55 var(--ck-font-body);color:var(--ck-t2);text-wrap:pretty}
@media (max-width:900px){.ck-mail-paar{grid-template-columns:1fr}}

/* ── Nachtrag 25.10.2026 · Projektlogo (6954): Logo-Fläche, Upload, Platzierungen. Ohne Logo bleibt alles wie heute. ── */
.ck-logo{display:inline-grid;place-items:center;overflow:hidden;background:var(--ck-card);border:1px solid var(--ck-hair);border-radius:6px;flex:none}
.ck-logo img{width:100%;height:100%;object-fit:contain;display:block}
.ck-logo.is-xs{width:20px;height:20px;border-radius:5px}
.ck-logo.is-sm{width:28px;height:28px}
.ck-logo.is-md{width:44px;height:44px;border-radius:8px}
.ck-logo.is-lg{width:96px;height:96px;border-radius:12px;padding:8px}
.ck-logo.is-wide{width:auto;height:28px;padding:0 6px;border:0;background:none}
.ck-logo.is-wide img{width:auto;height:100%}
.ck-proj-btn .sw.is-logo,.ck-proj-item .sw.is-logo{background:var(--ck-card);border:1px solid var(--ck-hair);padding:2px;overflow:hidden}
.ck-proj-btn .sw.is-logo img,.ck-proj-item .sw.is-logo img{width:100%;height:100%;object-fit:contain;display:block}
.ck-logo-feld{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center}
.ck-logo-feld .leer{width:96px;height:96px;border-radius:12px;border:1.5px dashed var(--ck-border-strong);display:grid;place-items:center;font:600 26px/1 var(--ck-font-body);color:var(--ck-t4);background:var(--ck-bg-elev)}
.ck-logo-feld .info{min-width:0}
.ck-logo-feld .info .n{font:500 13.5px/1.4 var(--ck-font-body);color:var(--ck-t0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-logo-feld .info .m{display:block;font:400 12px/1.45 var(--ck-font-body);color:var(--ck-t3)}
.ck-logo-feld .act{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.ck-logo-hg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}
.ck-logo-hg>div{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--ck-r-md);border:1px solid var(--ck-hair);font:400 12px/1.3 var(--ck-font-body);color:var(--ck-t3)}
.ck-logo-hg>.is-hell{background:#F6F8FB;color:#5A6472}.ck-logo-hg>.is-dunkel{background:#0E1117;color:#9AA3AF;border-color:#262C36}
.ck-ort{display:flex;flex-direction:column;gap:10px}
.ck-ort .k{font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ck-t3)}
.ck-ort .paar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ck-ort .paar>div{display:flex;flex-direction:column;gap:6px}
.ck-ort .paar .w{font:400 11.5px/1.3 var(--ck-font-body);color:var(--ck-t3)}
.ck-ort .probe{border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-bg);padding:10px 12px;min-height:52px;display:flex;align-items:center;gap:10px}
@media (max-width:760px){.ck-logo-feld{grid-template-columns:1fr;justify-items:start}.ck-ort .paar,.ck-logo-hg{grid-template-columns:1fr}}


/* ── Nachtrag 27.10.2026 · 7006 Laufende Chats · 7113 Bilder in Dokumenten ── */
.ck-chats{display:flex;flex-direction:column}
.ck-chat{display:grid;grid-template-columns:32px minmax(0,1.4fr) minmax(0,1fr) minmax(0,.9fr) auto auto;gap:4px 14px;align-items:center;padding:12px 16px;border-top:1px solid var(--ck-hair)}
.ck-chat:first-child{border-top:0}
.ck-chat .t{font:500 14px/1.35 var(--ck-font-body);color:var(--ck-t0);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-chat .t small{display:block;font:400 12px/1.4 var(--ck-font-mono);color:var(--ck-t3)}
.ck-chat .p,.ck-chat .c{font:400 13px/1.35 var(--ck-font-body);color:var(--ck-t1);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-chat .c small,.ck-chat .p small{display:block;font:400 11.5px/1.4 var(--ck-font-body);color:var(--ck-t3)}
.ck-chat .z{font:400 12px/1.3 var(--ck-font-mono);color:var(--ck-t3);white-space:nowrap;font-variant-numeric:tabular-nums}
.ck-chat .z.is-alt{color:var(--ck-achtung)}
.ck-chat.is-beendet{background:var(--ck-bg-elev)}
.ck-chat.is-beendet .t,.ck-chat.is-beendet .p,.ck-chat.is-beendet .c{color:var(--ck-t3)}
.ck-chat-mensch{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--ck-bg-elev);border-top:1px solid var(--ck-hair);border-bottom:1px solid var(--ck-hair)}
.ck-chat-mensch .t{font:600 13.5px/1.3 var(--ck-font-body);color:var(--ck-t0)}
.ck-chat-mensch .m{font:400 12px/1.4 var(--ck-font-body);color:var(--ck-t3)}
.ck-chat-mensch .sp{flex:1}
@media (max-width:760px){.ck-chat{grid-template-columns:32px minmax(0,1fr) auto;row-gap:6px}.ck-chat .p,.ck-chat .c,.ck-chat .z{grid-column:2/-1}.ck-chat>.ck-btn{grid-column:2;justify-self:start}.ck-chat .t{white-space:normal}.ck-chat-mensch{flex-wrap:wrap}}
.ck-bilder{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ck-bild{position:relative;display:flex;flex-direction:column;gap:6px;padding:0;border:0;background:none;text-align:left;cursor:zoom-in;color:inherit;font:inherit}
.ck-bild .f{display:block;aspect-ratio:4/3;border-radius:var(--ck-r-sm);border:1px solid var(--ck-hair);background:repeating-linear-gradient(135deg,var(--ck-sunken) 0 10px,var(--ck-bg-elev) 10px 20px);overflow:hidden;position:relative}
.ck-bild .f img{width:100%;height:100%;object-fit:cover;display:block}
.ck-bild .f .lbl{position:absolute;left:8px;bottom:8px;font:500 10px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 6px;border-radius:4px;background:var(--ck-card);color:var(--ck-t3);border:1px solid var(--ck-hair)}
.ck-bild:hover .f{border-color:var(--ck-border-strong)}
.ck-bild:focus-visible{outline:none}.ck-bild:focus-visible .f{box-shadow:var(--ck-focus)}
.ck-bild .n{font:400 12px/1.35 var(--ck-font-body);color:var(--ck-t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-bild .n small{display:block;color:var(--ck-t3);font-size:11px}
.ck-bild-im-text{margin:14px 0;max-width:520px}
.ck-bild-im-text .f{aspect-ratio:16/9}
.ck-bild-im-text figcaption{margin-top:6px;font:400 12px/1.4 var(--ck-font-body);color:var(--ck-t3)}
.ck-lightbox{position:fixed;inset:0;z-index:60;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:rgba(14,17,23,.92);color:#F6F8FB}
.ck-lightbox[hidden]{display:none}
.ck-lightbox .hd{display:flex;align-items:center;gap:12px;padding:12px 16px;font:500 13px/1.3 var(--ck-font-body)}
.ck-lightbox .hd small{display:block;font:400 12px/1.3 var(--ck-font-body);opacity:.7}
.ck-lightbox .hd .sp{flex:1}
.ck-lightbox .hd .ck-btn{background:transparent;color:#F6F8FB;border-color:rgba(246,248,251,.3)}
.ck-lightbox .bd{display:grid;place-items:center;padding:0 16px;min-height:0}
.ck-lightbox .bd .f{width:min(100%,1100px);aspect-ratio:4/3;max-height:100%;border-radius:6px;background:repeating-linear-gradient(135deg,#2a2f3a 0 14px,#232833 14px 28px)}
.ck-lightbox .ft{display:flex;justify-content:center;gap:8px;padding:12px}
.ck-lightbox .ft .ck-btn{background:transparent;color:#F6F8FB;border-color:rgba(246,248,251,.3);min-width:44px}

/* ── Utilities ── */
.ck-mt-1{margin-top:var(--ck-s1)}.ck-mt-2{margin-top:var(--ck-s2)}.ck-mt-3{margin-top:var(--ck-s3)}.ck-mt-4{margin-top:var(--ck-s4)}.ck-mt-6{margin-top:var(--ck-s6)}.ck-mt-8{margin-top:var(--ck-s8)}.ck-mt-12{margin-top:var(--ck-s12)}
.ck-gap-2{gap:var(--ck-s2)}.ck-gap-4{gap:var(--ck-s4)}
.ck-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ck-hide-m{display:initial}.ck-show-m{display:none}

/* ── Responsiv · 1512 / 1280 / 390 ── */
@media (max-width:1280px){:root{--ck-sidew:216px}.ck-content{padding:var(--ck-s5)}.ck-split{grid-template-columns:minmax(0,1fr) 300px}}
@media (max-width:1024px){.ck-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.ck-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.ck-split{grid-template-columns:1fr}.ck-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ck-footer .in{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .ck-app{grid-template-columns:1fr}
  .ck-sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,300px);transform:translateX(-100%);transition:transform var(--ck-base) var(--ck-ease);z-index:40;box-shadow:var(--ck-sh-lg)}
  .ck-app.nav-open .ck-sidebar{transform:none}
  .ck-app.nav-open .ck-scrim{display:block}
  .ck-burger{display:grid}
  .ck-topbar{padding:0 var(--ck-s4);gap:10px}
  .ck-content{padding:var(--ck-s4);gap:var(--ck-s4)}
  .ck-grid-2,.ck-grid-3,.ck-grid-4{grid-template-columns:1fr}
  .ck-form-row{grid-template-columns:1fr}
  .ck-h1{font-size:22px}
  .ck-crumbs{font-size:12px}
  .ck-hide-m{display:none}.ck-show-m{display:initial}
  .ck-site-nav .links{display:none}
  .ck-site-nav .in{height:56px}
  .ck-section,.ck-hero{padding-left:var(--ck-s4);padding-right:var(--ck-s4)}
  .ck-hero{padding-top:var(--ck-s16);padding-bottom:var(--ck-s12)}
  .ck-section{padding-top:var(--ck-s12);padding-bottom:var(--ck-s12)}
  .ck-steps{grid-template-columns:1fr}
  .ck-footer .in{grid-template-columns:1fr}
  .ck-flow{padding-bottom:8px}
  .ck-table{font-size:13px}
  .ck-table th,.ck-table td{padding:9px 10px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ── Nachtrag 27.10.2026 · 7663 Navigation neu: Einrichtungs-Block, Icon-Leiste, Gruppen mit Handlungszahl, Betreiber abgesetzt, Mein Konto im Fuß ── */
/* Einrichtungs-Block: steht nur, solange die Einrichtung des Projekts nicht fertig ist. Ring = erledigte Schritte. */
.ck-nav-einrichtung{margin:2px 0 10px;border:1px solid var(--ck-ac-bd);background:var(--ck-ac-bg);border-radius:var(--ck-r-md);padding:10px 10px 8px}
.ck-nav-einrichtung>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;color:var(--ck-t0);font:600 13px/1.2 var(--ck-font-body)}
.ck-nav-einrichtung>summary::-webkit-details-marker{display:none}
.ck-nav-einrichtung>summary:focus-visible{outline:none;box-shadow:var(--ck-focus);border-radius:6px}
.ck-nav-einrichtung .ring{--p:0;width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(var(--ck-ac) calc(var(--p)*1%),var(--ck-hair) 0)}
.ck-nav-einrichtung .ring::before{content:'';width:18px;height:18px;border-radius:50%;background:var(--ck-ac-bg)}
.ck-nav-einrichtung .stand{display:block;font:500 11px/1.3 var(--ck-font-mono);color:var(--ck-t3);margin-top:2px}
.ck-nav-einrichtung ol{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:1px}
.ck-nav-einrichtung li a{display:flex;align-items:center;gap:8px;min-height:30px;padding:4px 6px;border-radius:var(--ck-r-sm);color:var(--ck-t2);font:500 12.5px/1.25 var(--ck-font-body);text-decoration:none}
.ck-nav-einrichtung li a:hover{background:var(--ck-card);color:var(--ck-t0)}
.ck-nav-einrichtung li .h{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--ck-border-strong);flex:none}
.ck-nav-einrichtung li.is-erledigt a{color:var(--ck-t3)}
.ck-nav-einrichtung li.is-erledigt .h{border-color:var(--ck-ac);background:var(--ck-ac) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/10px no-repeat}
.ck-nav-einrichtung li.is-naechst a{background:var(--ck-card);color:var(--ck-t0);box-shadow:inset 0 0 0 1px var(--ck-ac-bd)}
.ck-nav-einrichtung li.is-naechst .h{border-color:var(--ck-ac)}
.ck-nav-einrichtung .fuss{display:flex;justify-content:space-between;gap:8px;margin-top:6px;padding:0 6px}
.ck-nav-einrichtung .fuss a,.ck-nav-einrichtung .fuss button{font:500 11.5px/1 var(--ck-font-body);color:var(--ck-t3);background:none;border:0;padding:6px 0;cursor:pointer}
.ck-nav-einrichtung .fuss a:hover,.ck-nav-einrichtung .fuss button:hover{color:var(--ck-t0)}
.ck-nav-einrichtung:not([open]){padding:6px 10px}
/* Gruppe: zu zeigt nur die Summe ihrer Handlungszahlen (.cnt), nie die Zahl der Einträge. Warnung in Achtung-Farbe. */
.ck-nav-group>summary .cnt.is-achtung{color:var(--ck-achtung);background:var(--ck-achtung-bg);border-radius:var(--ck-r-pill);padding:3px 6px}
.ck-nav-item .cnt.is-grau{background:transparent;color:var(--ck-t4)}
.ck-nav-item .cnt.is-fehlt{background:transparent;color:var(--ck-t4)}
.ck-nav-item .cnt.is-achtung{background:var(--ck-achtung-bg);color:var(--ck-achtung)}
/* Warnzeile in der Leiste (live seit 09.10. als .is-achtung, im Kit bisher ohne Regel). */
.ck-nav-item.is-achtung{color:var(--ck-achtung)}.ck-nav-item.is-achtung svg{stroke:var(--ck-achtung);opacity:1}.ck-nav-item.is-achtung:hover{background:var(--ck-achtung-bg);color:var(--ck-achtung)}
/* Betreiber: abgesetzt, eigene Linie, nur für Betreiber gerendert. */
.ck-nav-group.is-betreiber{margin-top:8px;padding:2px 0 4px 8px;box-shadow:inset 2px 0 0 var(--ck-unbekannt);border-radius:0}
.ck-nav-group.is-betreiber>summary{color:var(--ck-unbekannt)}
/* Mein Konto: der Fuß öffnet ein Menü nach oben. */
.ck-konto{position:relative;margin-top:12px;padding-top:12px;border-top:1px solid var(--ck-hair)}
.ck-konto>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 8px;border-radius:var(--ck-r-sm);color:var(--ck-t1);font:500 13px/1.2 var(--ck-font-body)}
.ck-konto>summary::-webkit-details-marker{display:none}
.ck-konto>summary:hover{background:var(--ck-sunken)}
.ck-konto>summary:focus-visible{outline:none;box-shadow:var(--ck-focus)}
.ck-konto>summary .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-konto>summary svg{width:14px;height:14px;stroke:var(--ck-t3);stroke-width:1.8;fill:none;flex:none}
.ck-konto .menu{position:absolute;left:0;right:0;bottom:calc(100% - 4px);background:var(--ck-card);border:1px solid var(--ck-border);border-radius:var(--ck-r-md);box-shadow:var(--ck-sh-lg);padding:6px;display:flex;flex-direction:column;gap:1px;z-index:5}
.ck-konto .menu hr{border:0;border-top:1px solid var(--ck-hair);margin:4px 2px}
.ck-nav-einklappen{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;margin-top:4px;padding:6px 10px;border:0;border-radius:var(--ck-r-sm);background:none;color:var(--ck-t3);font:500 12.5px/1 var(--ck-font-body);cursor:pointer}
.ck-nav-einklappen:hover{background:var(--ck-sunken);color:var(--ck-t0)}
.ck-nav-einklappen:focus-visible{outline:none;box-shadow:var(--ck-focus)}
.ck-nav-einklappen svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ck-burger{position:relative}
.ck-burger .dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--ck-ac);box-shadow:0 0 0 2px var(--ck-card)}
/* Icon-Leiste (eingeklappt), nur ab 761 px. Name als Tooltip/aria-label, Zahl als Punkt. */
@media (min-width:761px){
.ck-app.is-rail{--ck-sidew:64px}
.ck-app.is-rail .ck-sidebar{padding-left:8px;padding-right:8px;overflow-x:hidden}
.ck-app.is-rail .ck-brand{justify-content:center;padding-left:0;padding-right:0}
.ck-app.is-rail .ck-brand>span:not(.mark),.ck-app.is-rail .ck-nav-item .lbl,.ck-app.is-rail .ck-nav-sec,.ck-app.is-rail .ck-konto .nm,.ck-app.is-rail .ck-konto>summary svg,.ck-app.is-rail .ck-nav-einklappen .lbl,.ck-app.is-rail .ck-nav-einrichtung .txt,.ck-app.is-rail .ck-nav-einrichtung ol,.ck-app.is-rail .ck-nav-einrichtung .fuss{display:none}
.ck-app.is-rail .ck-nav-item,.ck-app.is-rail .ck-nav-einklappen,.ck-app.is-rail .ck-konto>summary{justify-content:center;padding-left:0;padding-right:0;position:relative}
.ck-app.is-rail .ck-nav-item .cnt{position:absolute;top:6px;right:8px;min-width:0;width:7px;height:7px;padding:0;font-size:0;border-radius:50%;background:var(--ck-ac)}
.ck-app.is-rail .ck-nav-item .cnt.is-grau,.ck-app.is-rail .ck-nav-item .cnt.is-fehlt,.ck-app.is-rail .ck-nav-item .cnt:empty{display:none}
.ck-app.is-rail .ck-nav-item .cnt.is-achtung{background:var(--ck-achtung)}
.ck-app.is-rail .ck-nav-group>summary{min-height:9px;padding:4px 0;border-top:1px solid var(--ck-hair);margin:4px 6px 2px;pointer-events:none}
.ck-app.is-rail .ck-nav-group>summary .cnt,.ck-app.is-rail .ck-nav-group>summary>span,.ck-app.is-rail .ck-nav-group>summary::after{display:none}
.ck-app.is-rail .ck-nav-group:not([open])>:not(summary){display:flex}
.ck-app.is-rail .ck-nav-group.is-betreiber{padding-left:0;box-shadow:none}
.ck-app.is-rail .ck-nav-einrichtung{padding:6px 0;display:grid;place-items:center;background:none;border-color:transparent}
.ck-app.is-rail .ck-nav-einrichtung>summary{justify-content:center}
.ck-app.is-rail .ck-nav-einklappen svg{transform:scaleX(-1)}
}
/* Handy: Fuß unten an der Schublade festhalten. */
@media (max-width:760px){.ck-konto{position:sticky;bottom:0;background:var(--ck-bg-elev);margin-bottom:calc(-1*var(--ck-s4));padding-bottom:var(--ck-s4)}.ck-nav-einklappen{display:none}}

/* ── Nachtrag 28.10.2026 · 7894 Mein Postfach: Liste mit Lesebereich, ungelesen oben, Abteilungs-Eingang vorbereitet ── */
.ck-pf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--ck-s4);align-items:start}
.ck-pf-werkzeug{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ck-pf-werkzeug .sp{flex:1}
.ck-pf-liste{list-style:none;margin:0;padding:0;background:var(--ck-card);border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);overflow:hidden}
.ck-pf-trenner{padding:8px 14px;font:500 11px/1 var(--ck-font-mono);color:var(--ck-t3);background:var(--ck-bg-elev);border-top:1px solid var(--ck-hair)}
.ck-pf-trenner:first-child{border-top:0}
.ck-pf-zeile{display:grid;grid-template-columns:10px 32px minmax(0,1fr) auto;gap:4px 10px;align-items:start;padding:12px 14px;border-top:1px solid var(--ck-hair);color:var(--ck-t2);text-decoration:none;position:relative}
.ck-pf-trenner+.ck-pf-zeile{border-top:0}
.ck-pf-zeile:hover{background:var(--ck-sunken);text-decoration:none;color:var(--ck-t2)}
.ck-pf-zeile:focus-visible{outline:none;box-shadow:inset var(--ck-focus)}
.ck-pf-zeile .pkt{width:8px;height:8px;border-radius:50%;margin-top:12px}
.ck-pf-zeile.is-ungelesen .pkt{background:var(--ck-ac)}
.ck-pf-zeile .von{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;font:500 13px/1.3 var(--ck-font-body);color:var(--ck-t1)}
.ck-pf-zeile .von .wo{font-weight:400;color:var(--ck-t3);font-size:12px}
.ck-pf-zeile .bt{display:block;margin-top:3px;font:400 13.5px/1.35 var(--ck-font-body);color:var(--ck-t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-pf-zeile.is-ungelesen .bt{font-weight:600;color:var(--ck-t0)}
.ck-pf-zeile .vs{display:block;margin-top:2px;font-size:12.5px;color:var(--ck-t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-pf-zeile .meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font:400 11.5px/1 var(--ck-font-mono);color:var(--ck-t3);white-space:nowrap}
.ck-pf-zeile.is-offen{background:var(--ck-sel,var(--ck-sunken))}
.ck-pf-zeile.is-offen::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ck-ac)}
.ck-pf-zeile.is-uebernommen{opacity:.72}
.ck-pf-art{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:var(--ck-r-pill);background:var(--ck-sunken);color:var(--ck-t2);font:500 11px/1 var(--ck-font-body)}
.ck-pf-art.is-auftrag{background:var(--ck-ac-bg);color:var(--ck-ac)}
.ck-pf-art.is-frage{background:var(--ck-ruhig-bg);color:var(--ck-ruhig)}
.ck-pf-art.is-dringend{background:var(--ck-achtung-bg);color:var(--ck-achtung)}
.ck-pf-lesen{background:var(--ck-card);border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);display:flex;flex-direction:column;position:sticky;top:calc(var(--ck-topbarh) + 16px)}
.ck-pf-lesen .kopf{padding:16px 18px 12px;border-bottom:1px solid var(--ck-hair);display:flex;flex-direction:column;gap:8px}
.ck-pf-lesen .kopf h2{margin:0;font:600 17px/1.3 var(--ck-font-display);color:var(--ck-t0)}
.ck-pf-lesen .wer{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ck-t2)}
.ck-pf-lesen .wer b{font-weight:500;color:var(--ck-t0)}
.ck-pf-lesen .text{padding:16px 18px;font-size:14px;line-height:1.6;color:var(--ck-t1)}
.ck-pf-lesen .text p{margin:0 0 10px;max-width:68ch}
.ck-pf-lesen .tun{padding:12px 18px 16px;border-top:1px solid var(--ck-hair);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ck-pf-lesen .tun .sp{flex:1}
.ck-pf-lesen .antwort{padding:0 18px 16px;display:flex;flex-direction:column;gap:8px}
.ck-pf-lesen .antwort .ziel{font-size:12.5px;color:var(--ck-t3)}
.ck-pf-zurueck{display:none}
.ck-pf-uebernehmen{margin-top:6px}
@media (max-width:1024px){.ck-pf{grid-template-columns:1fr}.ck-pf-lesen{position:static}}
@media (max-width:760px){
.ck-pf-zeile{grid-template-columns:8px 28px minmax(0,1fr);padding:12px}
.ck-pf-zeile .meta{grid-column:3;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}
.ck-pf-zurueck{display:inline-flex}
.ck-pf-werkzeug .ck-seg{width:100%}
.ck-pf-lesen .tun .ck-btn{flex:1 1 140px}
}

/* ── Nachtrag 28.10.2026 · 7653 Firma-Modi: Modus-Marke, Vorschau mit Zahlen, Schrittkopf, Abteilungsliste ── */
.ck-modus{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:var(--ck-r-pill);border:1px solid var(--ck-hair);background:var(--ck-card);color:var(--ck-t2);font:500 12px/1 var(--ck-font-body);white-space:nowrap}
.ck-modus svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-modus.is-firma{border-color:var(--ck-ac-bd);background:var(--ck-ac-bg);color:var(--ck-ac)}
.ck-modus.is-unbekannt{border-style:dashed;color:var(--ck-unbekannt)}
.ck-proj-menu .gruppe{padding:8px 12px 4px;font:500 11px/1.3 var(--ck-font-body);color:var(--ck-t3)}
.ck-proj-menu .gruppe b{color:var(--ck-t1);font-weight:600}
.ck-proj-item>svg:not(.chk){width:16px;height:16px;stroke:var(--ck-t3);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none;margin:0 3px}
.ck-schrittkopf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ck-schrittkopf li{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);font:500 13px/1.25 var(--ck-font-body);color:var(--ck-t3)}
.ck-schrittkopf li .n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--ck-sunken);font:600 11px/1 var(--ck-font-mono);color:var(--ck-t2)}
.ck-schrittkopf li .d{display:block;font-weight:400;font-size:12px;color:var(--ck-t3);margin-top:2px}
.ck-schrittkopf li.is-erledigt .n{background:var(--ck-ruhig-bg);color:var(--ck-ruhig)}
.ck-schrittkopf li.is-jetzt{border-color:var(--ck-ac-bd);color:var(--ck-t0);box-shadow:var(--ck-sh-sm)}
.ck-schrittkopf li.is-jetzt .n{background:var(--ck-ac);color:#fff}
.ck-vorschau{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ck-vorschau>section{border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.ck-vorschau h3{margin:0;font:600 13.5px/1.3 var(--ck-font-body);color:var(--ck-t0)}
.ck-vorschau h3 small{display:block;font-weight:400;font-size:12px;color:var(--ck-t3);margin-top:3px}
.ck-vorschau ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ck-vorschau li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:baseline;font-size:13px;line-height:1.4;color:var(--ck-t1)}
.ck-vorschau li .z{font:600 18px/1 var(--ck-font-display);color:var(--ck-t0);text-align:right;font-variant-numeric:tabular-nums}
.ck-vorschau li .z.is-text{font:500 12px/1.4 var(--ck-font-mono);color:var(--ck-t3)}
.ck-vorschau .is-liest{box-shadow:inset 3px 0 0 var(--ck-ac)}
.ck-vorschau .is-sieht{box-shadow:inset 3px 0 0 var(--ck-unbekannt)}
.ck-vorschau .is-bleibt{box-shadow:inset 3px 0 0 var(--ck-ruhig)}
.ck-vorschau .stand{font:400 11.5px/1.4 var(--ck-font-mono);color:var(--ck-t3);margin-top:auto}
.ck-vorschau.is-veraltet>section{border-style:dashed}
.ck-vorschau .alt{text-decoration:line-through;color:var(--ck-t4);font-size:13px;margin-right:4px}
.ck-abt-liste .stellen{display:flex;flex-wrap:wrap;gap:4px}
.ck-abt-liste .stelle{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px 0 4px;border-radius:var(--ck-r-pill);background:var(--ck-sunken);font:500 11.5px/1 var(--ck-font-body);color:var(--ck-t2)}
.ck-abt-liste .stelle i{width:14px;height:14px;border-radius:50%;background:var(--ck-ava-bg,var(--ck-card));box-shadow:inset 0 0 0 1.5px var(--ck-border-strong)}
.ck-abt-liste .stelle.is-mensch i{border-radius:28%}
@media (max-width:760px){.ck-schrittkopf{grid-template-columns:1fr}.ck-vorschau{grid-template-columns:1fr}}

/* ── Nachtrag 28.10.2026 · 5444 Erste Schritte für Eingeladene: Schrittkarten mit Zustand (.ck-onb, eigener Name: .ck-schritte gibt es seit dem Zehnten Export als Pillenleiste) ── */
.ck-onb{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:s}
.ck-onb-schritt{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px 14px;padding:16px 18px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card)}
.ck-onb-schritt>.n{grid-row:1/span 3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ck-sunken);font:600 12px/1 var(--ck-font-mono);color:var(--ck-t2)}
.ck-onb-schritt>h3{margin:3px 0 0;font:600 15px/1.3 var(--ck-font-body);color:var(--ck-t0)}
.ck-onb-schritt>.d{margin:0;font-size:13.5px;line-height:1.55;color:var(--ck-t2);max-width:72ch}
.ck-onb-schritt>.tun{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;min-width:0}
.ck-onb-schritt.is-erledigt{background:transparent}
.ck-onb-schritt.is-erledigt>.n{background:var(--ck-ruhig-bg);color:var(--ck-ruhig)}
.ck-onb-schritt.is-erledigt>h3{color:var(--ck-t2)}
.ck-onb-schritt.is-jetzt{border-color:var(--ck-ac-bd);box-shadow:var(--ck-sh-sm)}
.ck-onb-schritt.is-jetzt>.n{background:var(--ck-ac);color:#fff}
.ck-onb-schritt .ck-cmd{width:100%;min-width:0}
.ck-onb-schritt .ck-cmd code{min-width:0;overflow-wrap:anywhere}
.ck-onb-schritt .zahlen{display:flex;flex-wrap:wrap;gap:8px}
.ck-onb-schritt .zahlen a{display:inline-flex;align-items:baseline;gap:6px;padding:8px 12px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-sm);background:var(--ck-bg-elev);color:var(--ck-t1);text-decoration:none;font-size:13px}
.ck-onb-schritt .zahlen a b{font:600 16px/1 var(--ck-font-display);color:var(--ck-t0)}
.ck-onb-schritt .zahlen a:hover{border-color:var(--ck-border-strong)}
@media (max-width:760px){.ck-onb-schritt{grid-template-columns:28px minmax(0,1fr);padding:14px}.ck-onb-schritt>.tun .ck-btn{flex:1 1 140px}}

/* ── Nachtrag 28.10.2026 · 8467/8473 Dokumente: Ordnerbaum links, Liste rechts, Suche über Titel und Inhalt, Filter-Chips mit Zählung, dichte Tabelle, Karten als Alternative, Verschieben ── */
.ck-dok .ck-page-head{margin-bottom:var(--ck-s4)}
.ck-dok-suche{position:relative;margin-bottom:10px}
.ck-dok-suche .ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:grid}
.ck-dok-suche .ico svg{width:18px;height:18px;stroke:var(--ck-t3);stroke-width:2;fill:none}
.ck-dok-suche .ck-input{height:44px;padding-left:42px;padding-right:44px;font-size:15px}
.ck-dok-suche kbd{position:absolute;right:12px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--ck-font-mono);color:var(--ck-t3);border:1px solid var(--ck-border);border-radius:5px;padding:3px 6px;background:var(--ck-bg-elev)}
.ck-dok-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:var(--ck-s4)}
.ck-dok-filter .chips{display:flex;gap:6px;flex-wrap:wrap;position:relative}
.ck-dok-filter .sp{flex:1}
.ck-dok-chip{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border:1px solid var(--ck-border);border-radius:var(--ck-r-pill);background:var(--ck-card);font:500 13px/1 var(--ck-font-body);color:var(--ck-t1);cursor:pointer}
.ck-dok-chip .k{color:var(--ck-t2)}
.ck-dok-chip svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}
.ck-dok-chip.is-an{background:var(--ck-ac-bg);border-color:var(--ck-ac-bd);color:var(--ck-t0)}
.ck-dok-chip.is-offen{box-shadow:var(--ck-focus)}
.ck-dok-chip.is-sort{border-color:transparent;background:transparent}
.ck-dok-filter .ck-seg a{display:grid;place-items:center;width:30px;height:26px;border-radius:var(--ck-r-xs)}
.ck-dok-filter .ck-seg a svg{width:16px;height:16px;stroke:var(--ck-t2);stroke-width:2;fill:none}
.ck-dok-filter .ck-seg a.is-active{background:var(--ck-card);box-shadow:var(--ck-sh-sm)}
.ck-dok-archiv{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ck-t1)}
.ck-dok-archiv .ck-switch.is-on{background:var(--ck-ac)}
.ck-dok-mfilter{display:none}
.ck-dok-pop{position:absolute;top:36px;left:0;z-index:4;width:250px;padding:12px;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);background:var(--ck-card);box-shadow:var(--ck-sh-lg);display:flex;flex-direction:column;gap:8px}
.ck-dok-pop .ck-check{justify-content:flex-start}
.ck-dok-pop .ck-check .n{margin-left:auto;font:500 12px/1.4 var(--ck-font-mono);color:var(--ck-t3)}
.ck-dok-split{display:grid;grid-template-columns:236px minmax(0,1fr);gap:var(--ck-s5);align-items:start}
.ck-dok-baum{position:sticky;top:12px;display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.ck-dok-baum ul{list-style:none;margin:0;padding:0}
.ck-dok-knoten{display:flex;align-items:center;gap:7px;width:100%;padding:6px 8px 6px calc(8px + var(--t,0) * 16px);border:0;border-radius:var(--ck-r-sm);background:none;color:var(--ck-t1);text-decoration:none;font:inherit;text-align:left;cursor:pointer}
.ck-dok-knoten:hover{background:var(--ck-hair)}
.ck-dok-knoten.is-active{background:var(--ck-sel);color:var(--ck-t0);font-weight:600;box-shadow:inset 2px 0 0 var(--ck-ac)}
.ck-dok-knoten.is-ziel{background:var(--ck-ac-bg);outline:1px dashed var(--ck-ac-bd);color:var(--ck-t0);font-weight:600}
.ck-dok-knoten.is-archiv{color:var(--ck-t3)}
.ck-dok-knoten svg{width:16px;height:16px;flex:none;stroke:var(--ck-t3);stroke-width:1.8;fill:none;stroke-linejoin:round}
.ck-dok-knoten.is-active svg{stroke:var(--ck-ac)}
.ck-dok-knoten .tw{width:12px;flex:none;display:grid}
.ck-dok-knoten .tw svg{width:12px;height:12px}
.ck-dok-knoten .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-dok-knoten .n{font:500 11.5px/1 var(--ck-font-mono);color:var(--ck-t3)}
.ck-dok-baum-kopf{display:flex;align-items:center;justify-content:space-between;margin:12px 0 2px;padding:0 8px;font:500 11px/1 var(--ck-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ck-t3)}
.ck-dok-baum-kopf svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}
.ck-dok-zieh{margin:10px 8px 0;padding:8px;border:1px dashed var(--ck-ac-bd);border-radius:var(--ck-r-sm);font-size:12px;color:var(--ck-ac)}
.ck-dok-baum.is-wahl{position:static;max-height:280px;overflow:auto;border:1px solid var(--ck-hair);border-radius:var(--ck-r-md);padding:6px}
.ck-dok-tabelle .ck-table td,.ck-dok-tabelle .ck-table th{padding:8px 10px;vertical-align:middle}
.ck-dok-tabelle .ck-table th{font:500 11px/1 var(--ck-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ck-t3);text-align:left}
.ck-dok-tabelle .c-wahl{width:28px;padding-right:0}
.ck-dok-tabelle .ck-table{table-layout:auto}
.ck-dok-tabelle td.c-titel{min-width:240px;width:40%}
.ck-dok-tabelle td:not(.c-titel):not(.c-ordner){white-space:nowrap}
.ck-dok-tabelle td.c-ordner{white-space:normal;min-width:110px}
.ck-dok-tabelle .c-titel a{display:inline-flex;align-items:center;gap:6px;color:var(--ck-t0);font-weight:500;text-decoration:none}
.ck-dok-tabelle .c-titel a:hover .tt{text-decoration:underline}
.ck-dok-tabelle .c-titel a svg{width:16px;height:16px;stroke:var(--ck-t3);stroke-width:1.8;fill:none}
.ck-dok-tabelle .c-titel a .pin svg,.ck-dok-tabelle .pin svg{width:13px;height:13px;fill:#F5B83D;stroke:#C98A0B;stroke-width:1.4}
.ck-dok-tabelle .anh{display:inline-flex;align-items:center;gap:2px;margin-left:8px;font:500 11.5px/1 var(--ck-font-mono);color:var(--ck-t3);vertical-align:middle}
.ck-dok-tabelle .anh svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.8;fill:none}
.ck-dok-tabelle .auszug{display:block;margin-top:3px;font-size:12.5px;color:var(--ck-t2)}
.ck-dok-tabelle mark{background:rgba(245,184,61,.32);color:inherit;border-radius:2px;padding:0 1px}
.ck-dok-tabelle .c-ordner,.ck-dok-tabelle .c-wann{color:var(--ck-t2);white-space:nowrap;font-size:13px}
.ck-dok-tabelle .c-ver{color:var(--ck-t3);font-size:12px;text-align:right}
.ck-dok-tabelle tr.is-sel td{background:var(--ck-sel)}
.ck-dok-tabelle tr.is-archiv td{opacity:.62}
.ck-dok-tabelle.is-nachtrag{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}
.ck-dok-gruppe td{background:var(--ck-bg-elev);font:500 11px/1 var(--ck-font-mono)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--ck-t3);padding:7px 10px!important}
.ck-dok-unter .c-titel a{font-weight:600}
.ck-dok-unter .ck-small{margin-left:8px}
.ck-dok-autor{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:13px;color:var(--ck-t1)}
.ck-dok-art{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:var(--ck-r-xs);font:500 11px/1 var(--ck-font-body);border:1px solid var(--ck-hair);background:var(--ck-bg-elev);color:var(--ck-t1);white-space:nowrap}
.ck-dok-art.is-konzept{color:var(--ck-k-konzept);border-color:rgba(76,125,255,.35);background:rgba(76,125,255,.08)}
.ck-dok-art.is-bauplan{color:var(--ck-k-technik);border-color:rgba(14,156,184,.35);background:rgba(14,156,184,.08)}
.ck-dok-art.is-bericht{color:var(--ck-k-bericht);border-color:rgba(122,107,90,.35);background:rgba(122,107,90,.08)}
.ck-dok-art.is-abnahme{color:var(--ck-k-regel);border-color:rgba(124,92,255,.35);background:rgba(124,92,255,.08)}
.ck-dok-info{margin:0 0 10px;font-size:13.5px;color:var(--ck-t2)}
.ck-dok-info.is-viele{padding:10px 12px;border-radius:var(--ck-r-sm);background:var(--ck-ac-bg);color:var(--ck-t1)}
.ck-dok-fuss{display:flex;align-items:center;gap:8px;margin-top:10px}
.ck-dok-fuss .sp{flex:1}
.ck-dok-pfad{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:14px}
.ck-dok-pfad .sp{flex:1}
.ck-dok-pfad svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}
.ck-dok-auswahl{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:8px 10px;border-radius:var(--ck-r-sm);background:var(--ck-inverse);color:#fff;font-size:13px}
.ck-dok-auswahl .sp{flex:1}
.ck-dok-auswahl .ck-btn:not(.ck-btn-primary){background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.ck-dok-auswahl .ck-btn-primary{background:#fff;color:var(--ck-inverse);border-color:#fff}
.ck-dok-auswahl svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}
.ck-dok-karten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ck-s3);margin-top:8px}
.ck-dok-karte{display:flex;flex-direction:column;gap:6px;padding:14px;color:inherit;text-decoration:none}
.ck-dok-karte .kk{display:flex;justify-content:space-between;align-items:center}
.ck-dok-karte .pin svg{width:13px;height:13px;fill:#F5B83D;stroke:#C98A0B;stroke-width:1.4}
.ck-dok-karte b{font:600 14.5px/1.35 var(--ck-font-body);color:var(--ck-t0)}
.ck-dok-karte .fz{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:6px}
.ck-dok-scrim{position:fixed;inset:0;background:rgba(14,17,23,.35);z-index:20;display:block}
.ck-dok-vs{position:fixed;left:50%;top:14%;transform:translateX(-50%);width:min(440px,calc(100vw - 32px));z-index:21}
.ck-dok-vs .ck-btn svg,.ck-dok .ck-page-head .ck-btn svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none}
@media (max-width:1024px){.ck-dok-split{grid-template-columns:200px minmax(0,1fr)}.ck-dok-tabelle .c-ordner{display:none}.ck-dok-karten{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .ck-dok .ck-page-head{flex-direction:column;align-items:stretch;gap:10px}
  .ck-dok .ck-page-head .ck-row{flex-wrap:wrap}
  .ck-dok-filter .chips,.ck-dok-filter .ck-seg,.ck-dok-archiv,.ck-dok-chip.is-sort{display:none}
  .ck-dok-mfilter{display:inline-flex}
  .ck-dok-split{grid-template-columns:minmax(0,1fr)}
  .ck-dok-baum{position:static;flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:4px}
  .ck-dok-baum>ul,.ck-dok-baum-kopf,.ck-dok-zieh{display:none}
  .ck-dok-baum .is-oben{flex:none;width:auto;border:1px solid var(--ck-hair);border-radius:var(--ck-r-pill);padding:6px 12px}
  .ck-dok-tabelle thead,.ck-dok-tabelle .c-wahl,.ck-dok-tabelle .c-ordner,.ck-dok-tabelle .c-ver{display:none}
  .ck-dok-tabelle tr{display:grid;grid-template-columns:auto 1fr auto;gap:4px 8px;padding:10px 12px;border-bottom:1px solid var(--ck-hair)}
  .ck-dok-tabelle td{padding:0!important;border:0!important}
  .ck-dok-tabelle td.c-titel{grid-column:1/-1}
  .ck-dok-gruppe{display:block!important;padding:0!important}
  .ck-dok-gruppe td{display:block;padding:7px 12px!important}
  .ck-dok-karten{grid-template-columns:minmax(0,1fr)}
  .ck-dok-pfad{flex-wrap:wrap}
}

/* ── Nachtrag 28.10.2026 · 8444 Marke: Kompass-Scheibe als Produkt-Icon im Kopf der Seitenleiste (Wahl Frage 429: Variante 1), darunter „powered by Athron“ mit kleinem Würfel; Dateien unter handoff/compass/marke/ ── */
.ck-brand .mark.is-kompass img{width:26px;height:26px;display:block}
.ck-brand .mark.is-kompass .dunkel{display:none}
[data-theme="dark"] .ck-brand .mark.is-kompass .hell{display:none}
[data-theme="dark"] .ck-brand .mark.is-kompass .dunkel{display:block}
.ck-brand-powered{display:flex!important;align-items:center;gap:4px;margin-top:3px;font:400 10.5px/1 var(--ck-font-body);letter-spacing:0;text-transform:none;color:var(--ck-t3);white-space:nowrap}
.ck-brand-powered .w{width:10px;height:10px;flex:none}
.ck-app.is-rail .ck-brand-powered{display:none!important}
.fx-ring{outline:2px solid var(--ck-ac);outline-offset:3px;border-radius:var(--ck-r-sm)}