/* 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{padding:14px 8px 6px;font:500 10.5px/1 var(--ck-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ck-t4)}
.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}}

/* ── 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}}