@import url("kit-b.css"); /* v3.8 directory, billing, vault, agent overview (owned separately) */
/* Curator kit v3 · components. Load tokens.css first. Every rule is scoped under .ck, every class is ck-*.
   No raw colors here: everything is a var(--ck-*) from tokens.css. Order: base, primitives, composites, layout. */

/* ============================================================ base */
.ck *,.ck *::before,.ck *::after{box-sizing:border-box;margin:0;padding:0}
.ck img{display:block;max-width:none}
.ck .ck-ic{flex-shrink:0;display:block}
.ck .ck-mono{font-family:var(--ck-mono)}
.ck .ck-grow{flex:1;min-width:0}
.ck small{font:var(--ck-t-meta);color:var(--ck-ink-3)}
.ck .ck-caret{display:inline-block;width:1.5px;height:1.1em;background:var(--ck-blue);vertical-align:-2px;margin:0 1px}

/* ============================================================ PRIMITIVES */
/* Button */
.ck .ck-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--ck-r-sm);font:525 12.5px/1 var(--ck-font);border:1px solid var(--ck-border-control);background:var(--ck-card);color:var(--ck-ink);white-space:nowrap;cursor:pointer}
.ck .ck-btn--sm{height:28px;padding:0 10px;font-size:12px}
.ck .ck-btn--md{height:32px;padding:0 12px}
.ck .ck-btn--lg{height:40px;padding:0 16px;font-size:14px;border-radius:var(--ck-r-md)}
.ck .ck-btn--full{display:flex;width:100%}
.ck .ck-btn--primary{background:var(--ck-ink);border-color:var(--ck-ink);color:var(--ck-on-dark)}
.ck .ck-btn--cta{background:var(--ck-grad-cta);border-color:transparent;color:var(--ck-on-dark);box-shadow:var(--ck-shadow-inset)}
.ck .ck-btn--ghost{background:transparent;border-color:transparent;color:var(--ck-ink-2)}
.ck .ck-btn--danger{background:var(--ck-danger);border-color:var(--ck-danger);color:var(--ck-on-dark)}
.ck .ck-btn--live{background:var(--ck-call-live);border-color:var(--ck-call-live);color:var(--ck-on-dark)}
.ck .ck-btn--link{background:transparent;border-color:transparent;color:var(--ck-blue-ink);padding:0}
.ck .ck-btn--disabled{opacity:.45;cursor:default}
.ck .ck-btn-img{width:16px;height:16px;object-fit:contain}
/* IconButton */
.ck .ck-iconbtn{position:relative;display:inline-grid;place-items:center;flex-shrink:0;border-radius:var(--ck-r-sm);color:var(--ck-ink-2);border:1px solid transparent;cursor:pointer}
.ck .ck-iconbtn--sm{width:24px;height:24px}
.ck .ck-iconbtn--md{width:30px;height:30px}
.ck .ck-iconbtn--lg{width:36px;height:36px}
.ck .ck-iconbtn--bordered{border-color:var(--ck-border-control);background:var(--ck-card)}
.ck .ck-iconbtn--on{background:var(--ck-tint);color:var(--ck-blue-deep)}
.ck .ck-iconbtn--dark{background:var(--ck-ink);color:var(--ck-on-dark)}
.ck .ck-iconbtn--danger{background:var(--ck-danger);color:var(--ck-on-dark)}
.ck .ck-iconbtn--live{background:var(--ck-call-live);color:var(--ck-on-dark)}
.ck .ck-iconbtn--send{border-radius:var(--ck-r-full);background:var(--ck-grad-cta);color:var(--ck-on-dark);box-shadow:var(--ck-shadow-inset)}
.ck .ck-iconbtn--send-idle{border-radius:var(--ck-r-full);background:var(--ck-border-control);color:var(--ck-on-dark)}
.ck .ck-iconbtn > .ck-pill{position:absolute;top:-5px;right:-6px}
/* Pill: one variant set */
.ck .ck-pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--ck-r-full);font:525 11.5px/1 var(--ck-font);white-space:nowrap;flex-shrink:0;vertical-align:middle}
.ck .ck-pill--sm{height:17px;padding:0 5px;font-size:9.5px;gap:3px}
.ck .ck-pill-img{width:14px;height:14px;border-radius:var(--ck-r-full);object-fit:cover;margin-left:-5px}
.ck .ck-pill-dot{width:6px;height:6px;border-radius:var(--ck-r-full);background:currentColor}
.ck .ck-pill--type{background:var(--ck-tint);color:var(--ck-blue-deep)}
.ck .ck-pill--neutral{background:var(--ck-muted);color:var(--ck-ink-2)}
.ck .ck-pill--fresh{background:var(--ck-good-bg);color:var(--ck-good)}
.ck .ck-pill--stale{background:var(--ck-bad-bg);color:var(--ck-bad)}
.ck .ck-pill--warn{background:var(--ck-warn-bg);color:var(--ck-warn)}
.ck .ck-pill--bad{background:var(--ck-bad-bg);color:var(--ck-bad);box-shadow:inset 0 0 0 1px var(--ck-bad-bg)}
.ck .ck-pill--dark{background:var(--ck-ink);color:var(--ck-on-dark)}
.ck .ck-pill--count{min-width:18px;height:18px;padding:0 5px;justify-content:center;background:var(--ck-danger);color:var(--ck-on-dark);font:600 10px/1 var(--ck-font);font-variant-numeric:tabular-nums}
.ck .ck-pill--new{height:18px;padding:0 6px;background:var(--ck-tint);color:var(--ck-blue-deep);font:600 9.5px/1 var(--ck-font);letter-spacing:.02em;text-transform:uppercase}
.ck .ck-pill--app{height:16px;padding:0 4px;border-radius:var(--ck-r-xs);background:var(--ck-muted);color:var(--ck-ink-2);box-shadow:inset 0 0 0 1px var(--ck-border);font:600 9px/1 var(--ck-font);letter-spacing:.04em;text-transform:uppercase}
.ck .ck-pill--ws{height:16px;padding:0 5px;border-radius:var(--ck-r-xs);background:var(--ck-tint);color:var(--ck-blue-deep);font:600 9px/1 var(--ck-font);letter-spacing:.04em;text-transform:uppercase}
.ck .ck-pill--owner{height:18px;padding:0 6px 0 7px;background:var(--ck-muted);color:var(--ck-ink-2);box-shadow:inset 0 0 0 1px var(--ck-border);font-size:10px}
.ck .ck-pill--owner .ck-pill-img{margin-left:-4px;width:13px;height:13px}
.ck .ck-pill--mention{height:auto;padding:0 3px;border-radius:var(--ck-r-xs);background:var(--ck-tint);color:var(--ck-blue-deep);font:525 inherit;font-size:inherit;line-height:inherit;vertical-align:baseline}
/* Check + CheckListItem */
.ck .ck-check{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:var(--ck-r-full);flex-shrink:0;color:var(--ck-on-dark);background:var(--ck-blue)}
.ck .ck-check--sm{width:16px;height:16px}
.ck .ck-check--green{background:var(--ck-good)}
.ck .ck-check--muted{background:var(--ck-fill);color:var(--ck-ink-2)}
.ck .ck-check--empty{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ck-border-strong)}
.ck .ck-checkitem{display:flex;align-items:flex-start;gap:9px;font:var(--ck-t-body);color:var(--ck-ink)}
.ck .ck-checkitem > .ck-check{margin-top:2px}
.ck .ck-checkitem small{display:block}
.ck .ck-checkitem--todo{color:var(--ck-ink-3)}
.ck .ck-checklist{display:flex;flex-direction:column;gap:9px}
/* Toggle / Checkbox / Radio */
.ck .ck-toggle{display:inline-flex;width:34px;height:20px;border-radius:var(--ck-r-full);background:var(--ck-border-control);padding:2px;flex-shrink:0}
.ck .ck-toggle i{width:16px;height:16px;border-radius:var(--ck-r-full);background:var(--ck-card);box-shadow:var(--ck-shadow-seg)}
.ck .ck-toggle--on{background:var(--ck-blue);justify-content:flex-end}
.ck .ck-toggle--locked{opacity:.45}
.ck .ck-checkbox{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:var(--ck-r-xs);box-shadow:inset 0 0 0 1.5px var(--ck-border-strong);background:var(--ck-card);color:var(--ck-on-dark);flex-shrink:0}
.ck .ck-checkbox--on{background:var(--ck-blue);box-shadow:none}
.ck .ck-checkbox--disabled,.ck .ck-radio--disabled{opacity:.45}
.ck .ck-radio{position:relative;box-sizing:border-box;display:inline-block;width:16px;height:16px;border-radius:var(--ck-r-full);border:1.5px solid var(--ck-border-strong);background:var(--ck-card);flex-shrink:0}
.ck .ck-radio--on{border-color:var(--ck-blue);background:var(--ck-blue)}
.ck .ck-radio-dot{position:absolute;left:3.5px;top:3.5px;width:6px;height:6px;border-radius:var(--ck-r-full);background:var(--ck-card)}
.ck .ck-choice{display:inline-flex;align-items:center;gap:8px}
.ck .ck-choice-label{font:var(--ck-t-ui)}
/* Input / Select / Textarea */
.ck .ck-input{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:var(--ck-r-md);border:1px solid var(--ck-border-control);background:var(--ck-card);color:var(--ck-ink-3);font:450 13.5px/1 var(--ck-font);min-width:0}
.ck .ck-input--sm{height:32px;padding:0 10px;font-size:12.5px;border-radius:var(--ck-r-sm)}
.ck .ck-input--focus{border-color:var(--ck-blue);box-shadow:0 0 0 3px var(--ck-ring)}
.ck .ck-input--error{border-color:var(--ck-bad);box-shadow:0 0 0 3px var(--ck-bad-bg)}
.ck .ck-input--locked,.ck .ck-input--disabled{background:var(--ck-sunken)}
.ck .ck-input--mono .ck-input-v{font-family:var(--ck-mono);font-size:12.5px}
.ck .ck-input-v{flex:1;min-width:0;color:var(--ck-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck .ck-input-ph{color:var(--ck-ink-ph)}
.ck .ck-input-affix{color:var(--ck-ink-3)}
.ck .ck-textarea{height:88px;align-items:flex-start;padding-top:10px;line-height:1.5}
.ck .ck-textarea .ck-input-v{white-space:normal}
/* CodeInput */
.ck .ck-code{display:flex;gap:8px}
.ck .ck-code span{width:46px;height:54px;border-radius:var(--ck-r-md);border:1px solid var(--ck-border-control);background:var(--ck-card);display:grid;place-items:center;font:600 22px/1 var(--ck-data);color:var(--ck-ink)}
.ck .ck-code .ck-code--on{border-color:var(--ck-blue);box-shadow:0 0 0 3px var(--ck-ring)}
.ck .ck-code--error span{border-color:var(--ck-bad)}
/* Tabs */
.ck .ck-tabs{display:inline-flex;align-items:center}
.ck .ck-tabs--full{display:flex;flex:1}
.ck .ck-tabs--full .ck-tab{flex:1;justify-content:center}
.ck .ck-tab{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font:525 12.5px/1 var(--ck-font);color:var(--ck-ink-2);cursor:pointer}
.ck .ck-tab-n{font:550 10.5px/1 var(--ck-font);color:var(--ck-ink-4)}
.ck .ck-tab-img{width:14px;height:14px;border-radius:var(--ck-r-xs)}
.ck .ck-tabs--seg{gap:2px;padding:3px;border-radius:var(--ck-r-md);background:var(--ck-seg-track)}
.ck .ck-tabs--seg .ck-tab{height:26px;padding:0 11px;border-radius:var(--ck-r-sm)}
.ck .ck-tabs--seg .ck-tab--on{background:var(--ck-card);color:var(--ck-ink);box-shadow:var(--ck-shadow-seg)}
.ck .ck-tabs--pill,.ck .ck-tabs--chip{gap:6px}
.ck .ck-tabs--pill .ck-tab,.ck .ck-tabs--chip .ck-tab{height:28px;padding:0 12px;border-radius:var(--ck-r-full);border:1px solid var(--ck-border-control);background:var(--ck-card)}
.ck .ck-tabs--pill .ck-tab--on{background:var(--ck-ink);border-color:var(--ck-ink);color:var(--ck-on-dark)}
.ck .ck-tabs--chip .ck-tab--on{background:var(--ck-tint);border-color:var(--ck-tint-line);color:var(--ck-blue-deep)}
.ck .ck-tabs--under{gap:18px;border-bottom:1px solid var(--ck-faint);width:100%;padding:0 16px}
.ck .ck-tabs--under .ck-tab{height:38px;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--ck-ink-3)}
.ck .ck-tabs--under .ck-tab--on{color:var(--ck-ink);border-bottom-color:var(--ck-ink)}
.ck .ck-tabs--under .ck-tab-n{background:var(--ck-muted);padding:2px 5px;border-radius:var(--ck-r-full)}
/* Tooltip, Kbd, Divider */
.ck .ck-tip{position:relative;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 8px;border-radius:var(--ck-r-sm);background:var(--ck-dark-surface);color:var(--ck-on-dark);font:500 11.5px/1 var(--ck-font);white-space:nowrap}
.ck .ck-tip::after{content:"";position:absolute;left:50%;margin-left:-4px;border:4px solid transparent}
.ck .ck-tip--top::after{top:100%;border-top-color:var(--ck-dark-surface)}
.ck .ck-tip--bottom::after{bottom:100%;border-bottom-color:var(--ck-dark-surface)}
.ck .ck-kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:var(--ck-r-xs);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border-control),0 1px 0 var(--ck-border-control);font:500 10.5px/1 var(--ck-font);color:var(--ck-ink-3);flex-shrink:0}
.ck .ck-kbd--dark{background:var(--ck-dark-surface-2);box-shadow:none;color:var(--ck-on-dark-2)}
.ck .ck-divider{height:1px;background:var(--ck-faint);width:100%}
.ck .ck-divider--v{width:1px;height:20px}
.ck .ck-divider--label{height:auto;background:none;display:flex;align-items:center;gap:12px;color:var(--ck-ink-3);font:var(--ck-t-meta);padding:6px 0}
.ck .ck-divider--label::before,.ck .ck-divider--label::after{content:"";flex:1;height:1px;background:var(--ck-faint)}
/* Avatar */
.ck .ck-av{position:relative;display:inline-block;flex-shrink:0}
.ck .ck-av-img{width:100%;height:100%;object-fit:cover;background:var(--ck-fill)}
.ck .ck-av--round .ck-av-img{border-radius:var(--ck-r-full)}
.ck .ck-av--square .ck-av-img{border-radius:28%;background:transparent}
.ck .ck-av--logo .ck-av-img{border-radius:28%;background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border);object-fit:contain;padding:14%}
.ck .ck-av-owner{position:absolute;right:-3px;bottom:-3px;width:46%;height:46%;min-width:10px;min-height:10px;border-radius:var(--ck-r-full);object-fit:cover;box-shadow:0 0 0 1.5px var(--ck-card)}
.ck .ck-av-pres{position:absolute;right:-1px;bottom:-1px;width:30%;height:30%;min-width:7px;min-height:7px;border-radius:var(--ck-r-full);box-shadow:0 0 0 1.5px var(--ck-card)}
.ck .ck-av-pres--online{background:var(--ck-live)}
.ck .ck-av-pres--working{background:var(--ck-live);box-shadow:0 0 0 1.5px var(--ck-card),0 0 0 4px var(--ck-live-glow)}
.ck .ck-av-pres--away{background:var(--ck-away)}
.ck .ck-av--ring .ck-av-img{box-shadow:0 0 0 2px var(--ck-card),0 0 0 3.5px var(--ck-live)}
.ck .ck-stack{display:inline-flex;align-items:center;flex-shrink:0}
.ck .ck-stack > .ck-av{margin-left:-6px}
.ck .ck-stack > .ck-av:first-child{margin-left:0}
.ck .ck-stack .ck-av-img{box-shadow:0 0 0 1.5px var(--ck-stack-edge,var(--ck-card))}
.ck .ck-stack-more{margin-left:-5px;height:18px;min-width:22px;padding:0 4px;border-radius:var(--ck-r-full);background:var(--ck-fill);color:var(--ck-ink-2);font:600 9.5px/18px var(--ck-font);text-align:center;box-shadow:0 0 0 1.5px var(--ck-stack-edge,var(--ck-card));font-variant-numeric:tabular-nums}
/* LogoMark */
.ck .ck-logo{position:relative;display:inline-grid;place-items:center;flex-shrink:0;border-radius:28%;background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border)}
.ck .ck-logo img{width:62%;height:62%;object-fit:contain}
.ck .ck-logo--bare{background:none;box-shadow:none}
.ck .ck-logo--bare img{width:100%;height:100%}
/* StepProgress, Spinner, StatusOrb, Dot */
.ck .ck-steps-bar{display:flex;gap:4px}
.ck .ck-steps-bar i{width:26px;height:4px;border-radius:var(--ck-r-full);background:var(--ck-border)}
.ck .ck-steps-bar .ck-step--done{background:var(--ck-blue-light)}
.ck .ck-steps-bar .ck-step--now{background:var(--ck-blue)}
.ck .ck-spin{display:inline-block;flex-shrink:0;border-radius:var(--ck-r-full);border:2px solid var(--ck-border);border-top-color:var(--ck-blue)}
.ck .ck-orb{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:var(--ck-r-full);flex-shrink:0}
.ck .ck-orb--sm{width:22px;height:22px}
.ck .ck-orb--blue{background:var(--ck-tint);color:var(--ck-blue-deep);box-shadow:inset 0 0 0 1px var(--ck-tint-line)}
.ck .ck-orb--green{background:var(--ck-good-bg);color:var(--ck-good)}
.ck .ck-orb--red{background:var(--ck-bad-bg);color:var(--ck-bad)}
.ck .ck-orb--amber{background:var(--ck-warn-bg);color:var(--ck-warn)}
.ck .ck-dot{display:inline-block;width:8px;height:8px;border-radius:var(--ck-r-full);flex-shrink:0}
.ck .ck-dot--unread{background:var(--ck-blue-ink)}
.ck .ck-dot--live{background:var(--ck-live);box-shadow:0 0 0 3px var(--ck-good-bg)}
.ck .ck-dot--away{background:var(--ck-away)}
.ck .ck-dot--bad{background:var(--ck-danger)}
/* Menu / Popover */
.ck .ck-menu,.ck .ck-pop{background:var(--ck-card);border-radius:var(--ck-r-xl);box-shadow:var(--ck-shadow-pop);padding:6px}
.ck .ck-menu--float{position:absolute;z-index:30}
.ck .ck-menustage{position:relative;border:1px solid transparent}
.ck .ck-menustage > .ck-composer{margin:-1px}
.ck .ck-menu-h{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 4px;font:var(--ck-t-label);letter-spacing:.03em;text-transform:uppercase;color:var(--ck-ink-3)}
.ck .ck-menu-h small{text-transform:none;letter-spacing:0;color:var(--ck-ink-4)}
.ck .ck-menu-item{display:flex;align-items:center;gap:10px;min-height:36px;padding:5px 8px;border-radius:var(--ck-r-md);color:var(--ck-ink-2)}
.ck .ck-menu-item--hl{background:var(--ck-tint)}
.ck .ck-menu-item--danger,.ck .ck-menu-item--danger b{color:var(--ck-bad)}
.ck .ck-menu-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ck .ck-menu-t b{font:var(--ck-t-ui);color:var(--ck-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck .ck-menu-t small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck .ck-menu-check{color:var(--ck-blue)}
.ck .ck-menu-sep{height:1px;background:var(--ck-faint);margin:5px 4px}
.ck .ck-menu-search{padding:4px 4px 6px}
.ck .ck-menu-foot{display:flex;justify-content:flex-end;gap:6px;padding:8px 6px 4px;margin-top:4px;border-top:1px solid var(--ck-faint)}
.ck .ck-pop-h{padding:8px 8px 10px}
.ck .ck-pop-h b{display:block;font:var(--ck-t-h3)}
/* Dialog + Scrim */
.ck .ck-dialog{background:var(--ck-card);border-radius:var(--ck-r-2xl);box-shadow:var(--ck-shadow-dialog);overflow:hidden}
.ck .ck-dialog-h{display:flex;align-items:flex-start;gap:12px;padding:18px 18px 8px 20px}
.ck .ck-dialog-h b{display:block;font:var(--ck-t-h2);color:var(--ck-ink-strong)}
.ck .ck-dialog-b{padding:8px 20px 18px;display:flex;flex-direction:column;gap:14px}
.ck .ck-dialog-f{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;background:var(--ck-raised);border-top:1px solid var(--ck-faint)}
.ck .ck-scrim{position:absolute;inset:0;background:var(--ck-scrim);display:grid;place-items:center;z-index:40}

/* ============================================================ COMPOSITES */
/* brand */
.ck .ck-brand{display:inline-flex;align-items:center;gap:8px}
.ck .ck-logo--curator{background:var(--ck-ink);box-shadow:none;border-radius:var(--ck-r-md)}
.ck .ck-logo--curator img{width:86%;height:86%}
.ck .ck-brand b{font:650 16px/1 var(--ck-font);letter-spacing:-.01em;color:var(--ck-ink-strong)}
.ck .ck-brand--lg b{font-size:20px}
/* rail */
.ck .ck-rail{width:248px;flex-shrink:0;display:flex;flex-direction:column;height:100%;background:var(--ck-bg);--ck-stack-edge:var(--ck-bg)}
.ck .ck-rail--collapsed{width:64px}
.ck .ck-rail-top{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px}
.ck .ck-rail--collapsed .ck-rail-top{justify-content:center;padding:0}
.ck .ck-rail-body{flex:1;min-height:0;overflow:hidden;padding:2px 10px 8px;display:flex;flex-direction:column;gap:16px}
.ck .ck-rail--collapsed .ck-rail-body{align-items:center;gap:8px}
.ck .ck-nav{display:flex;flex-direction:column;gap:1px}
.ck .ck-nav-row{display:flex;align-items:center;gap:10px;height:32px;padding:0 8px;border-radius:var(--ck-r-sm);color:var(--ck-ink-nav);font:450 13px/1 var(--ck-font)}
.ck .ck-nav-row .ck-ic{color:var(--ck-ink-2)}
.ck .ck-nav-row--on{background:var(--ck-card);box-shadow:var(--ck-shadow-card);color:var(--ck-ink-strong);font-weight:550}
.ck .ck-nav-row--on .ck-ic{color:var(--ck-blue)}
.ck .ck-rail--collapsed .ck-nav-row{width:36px;justify-content:center;padding:0}
.ck .ck-rail-group{display:flex;flex-direction:column;gap:1px}
.ck .ck-rail-sec{display:flex;align-items:center;gap:6px;padding:0 4px 4px 8px;font:var(--ck-t-label);color:var(--ck-ink-3)}
.ck .ck-rail-sep{width:28px;height:1px;background:var(--ck-divider);margin:4px 0}
.ck .ck-rail-mini{display:flex;flex-direction:column;align-items:center;gap:6px}
.ck .ck-hashtile{position:relative;width:34px;height:34px;display:grid;place-items:center;border-radius:var(--ck-r-md);font:600 15px/1 var(--ck-font);color:var(--ck-ink-3)}
.ck .ck-hashtile--on{background:var(--ck-card);box-shadow:var(--ck-shadow-card);color:var(--ck-ink)}
.ck .ck-hashtile .ck-dot{position:absolute;top:3px;right:3px;width:7px;height:7px}
.ck .ck-rail-foot{padding:6px 10px 10px;display:flex;flex-direction:column;gap:1px}
.ck .ck-rail--collapsed .ck-rail-foot{align-items:center}
.ck .ck-credits{margin:2px 0 6px;display:flex;flex-direction:column;gap:7px;padding:9px 11px 10px;border-radius:var(--ck-r-md);border:1px solid var(--ck-faint);background:var(--ck-card);--ck-credit:var(--ck-blue)}
.ck .ck-credits--low{--ck-credit:var(--ck-warn)}
.ck .ck-credits--empty{--ck-credit:var(--ck-danger);border-color:var(--ck-bad-bg)}
.ck .ck-credits-top{display:flex;align-items:center;gap:8px;color:var(--ck-ink-5)}
.ck .ck-credits-top > .ck-ic:first-child{color:var(--ck-credit)}
.ck .ck-credits-top .ck-grow{display:flex;align-items:baseline;gap:5px}
.ck .ck-credits-top b{font:600 14px/1 var(--ck-font);color:var(--ck-ink-strong);font-variant-numeric:tabular-nums}
.ck .ck-credits--empty .ck-credits-top b{color:var(--ck-danger)}
.ck .ck-credits-top small{font:400 12px/1 var(--ck-font);color:var(--ck-ink-5)}
.ck .ck-meter{display:block;height:4px;border-radius:var(--ck-r-full);background:var(--ck-fill);overflow:hidden}
.ck .ck-meter i{display:block;height:100%;border-radius:inherit;background:var(--ck-credit)}
.ck .ck-user{display:flex;align-items:center;gap:9px;padding:10px 6px 2px;margin-top:6px;border-top:1px solid var(--ck-divider);color:var(--ck-ink-3)}
.ck .ck-user b{display:block;font:550 12.5px/1.25 var(--ck-font);color:var(--ck-ink)}
.ck .ck-user small{display:block}
.ck .ck-user--mini{padding:10px 0 2px;border-top:0}
/* rows */
.ck .ck-row{display:flex;align-items:center;gap:8px;border-radius:var(--ck-r-md);padding:0 8px;min-width:0}
.ck .ck-row--on{background:var(--ck-card);box-shadow:var(--ck-shadow-card);--ck-stack-edge:var(--ck-card)}
.ck .ck-room{height:34px}
.ck .ck-room-hash{color:var(--ck-ink-4);font:600 14px/1 var(--ck-font);width:12px;text-align:center}
.ck .ck-dm{height:44px}
.ck .ck-row-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ck .ck-row-n{display:flex;align-items:center;gap:5px;min-width:0;font:var(--ck-t-ui);color:var(--ck-ink-nav);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck .ck-row--unread .ck-row-n{font-weight:650;color:var(--ck-ink-strong)}
.ck .ck-row-s{font:var(--ck-t-meta);color:var(--ck-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck .ck-member,.ck .ck-filerow{display:flex;align-items:center;gap:10px;padding:6px 4px}
/* headers */
.ck .ck-hdr{height:60px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 14px 0 20px;border-bottom:1px solid var(--ck-faint)}
.ck .ck-hdr-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.ck .ck-hdr-t h1{display:flex;align-items:center;gap:7px;font:var(--ck-t-h2);color:var(--ck-ink-strong);white-space:nowrap}
.ck .ck-hdr-t p{font:var(--ck-t-small);color:var(--ck-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck .ck-crumb{display:flex;align-items:center;gap:4px;font:var(--ck-t-small);color:var(--ck-ink-3)}
.ck .ck-crumb b{color:var(--ck-ink);font-weight:550}
.ck .ck-threadchip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 9px;border-radius:var(--ck-r-full);background:var(--ck-tint);color:var(--ck-blue-deep);box-shadow:inset 0 0 0 1px var(--ck-tint-line);font:550 12px/1 var(--ck-font);white-space:nowrap}
.ck .ck-threadchip small{color:var(--ck-blue-soft)}
/* messages */
.ck .ck-msg{display:flex;gap:11px;padding:8px 24px}
.ck .ck-msg--hl{background:var(--ck-highlight)}
.ck .ck-msg-b{flex:1;min-width:0}
.ck .ck-meta{display:flex;align-items:center;gap:6px;margin-bottom:2px}
.ck .ck-meta b{font:600 13px/1.2 var(--ck-font);color:var(--ck-ink-strong)}
.ck .ck-meta time{font:var(--ck-t-meta);color:var(--ck-ink-4)}
.ck .ck-msg-text{font:var(--ck-t-body);color:var(--ck-ink)}
.ck .ck-msg-extra{margin-top:8px;max-width:560px}
.ck .ck-replies{margin-top:6px;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 10px 0 5px;border-radius:var(--ck-r-md);box-shadow:inset 0 0 0 1px var(--ck-border)}
.ck .ck-replies b{font:600 12px/1 var(--ck-font);color:var(--ck-blue-deep)}
.ck .ck-mine{display:flex;flex-direction:column;align-items:flex-end;padding:8px 24px}
.ck .ck-mine-b{max-width:560px;padding:9px 13px;border-radius:var(--ck-r-xl);background:var(--ck-hover-soft);font:var(--ck-t-body)}
.ck .ck-mine time{margin-top:4px;font:var(--ck-t-meta);color:var(--ck-ink-4)}
.ck .ck-pane-b > .ck-divider--label{padding:8px 24px}
.ck .ck-typing{display:flex;align-items:center;gap:8px;padding:8px 24px;font:var(--ck-t-small);color:var(--ck-ink-3)}
/* composer */
.ck .ck-composer{position:relative;border:1px solid var(--ck-border-strong);border-radius:var(--ck-r-2xl);background:var(--ck-card);padding:12px 10px 10px 14px}
.ck .ck-composer--focus{border-color:var(--ck-blue-light);box-shadow:0 0 0 3px var(--ck-ring)}
.ck .ck-composer--home{box-shadow:var(--ck-shadow-card);padding:16px 12px 12px 18px}
.ck .ck-composer-in{min-height:22px;font:450 14px/1.5 var(--ck-font);color:var(--ck-ink)}
.ck .ck-composer-row{display:flex;align-items:center;gap:6px;margin-top:10px}
.ck .ck-composer-row .ck-btn--sm{border-radius:var(--ck-r-full)}
/* agent panes */
.ck .ck-agentpane{width:420px;flex-shrink:0;display:flex;flex-direction:column;background:var(--ck-card);border-left:1px solid var(--ck-faint);min-height:0}
.ck .ck-agentpane--clay{background:var(--ck-clay-bg)}
.ck .ck-agentpane-h{display:flex;align-items:center;gap:10px;height:60px;padding:0 14px 0 16px;border-bottom:1px solid var(--ck-faint);flex-shrink:0}
.ck .ck-agentpane--clay .ck-agentpane-h{border-bottom-color:var(--ck-clay-line)}
.ck .ck-agentpane-h b{display:block;font:var(--ck-t-h3)}
.ck .ck-agentpane-b{flex:1;overflow:hidden;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.ck .ck-tasklist{padding:6px 8px}
.ck .ck-task{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--ck-r-md)}
.ck .ck-task--on{background:var(--ck-tint)}
.ck .ck-task b{display:block;font:var(--ck-t-ui)}
.ck .ck-agentpane > .ck-diff{margin:4px 16px}
.ck .ck-diff{border-radius:var(--ck-r-lg);box-shadow:inset 0 0 0 1px var(--ck-border);background:var(--ck-card);overflow:hidden}
.ck .ck-diff-h{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 12px;border-bottom:1px solid var(--ck-faint);font:var(--ck-t-small);color:var(--ck-ink-2)}
.ck .ck-diff-b{padding:6px 0;font:var(--ck-t-code)}
.ck .ck-diff-l{display:flex;padding:0 12px;white-space:pre;color:var(--ck-ink-2)}
.ck .ck-diff-l i{width:16px;font-style:normal;color:var(--ck-ink-4)}
.ck .ck-diff-l--add{background:var(--ck-diff-add);color:var(--ck-good)}
.ck .ck-diff-l--del{background:var(--ck-diff-del);color:var(--ck-bad)}
.ck .ck-diff-f{display:flex;align-items:center;gap:6px;padding:8px 10px;border-top:1px solid var(--ck-faint)}
.ck .ck-tool{border-radius:var(--ck-r-md);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-clay-line);overflow:hidden}
.ck .ck-tool-h{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;font:var(--ck-t-small)}
.ck .ck-tool-h b{font-weight:600;color:var(--ck-ink)}
.ck .ck-tool-h .ck-mono{color:var(--ck-ink-3);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck .ck-tool-out{padding:6px 10px 8px 34px;font:var(--ck-t-code);font-size:11px;color:var(--ck-ink-3);border-top:1px solid var(--ck-clay-line)}
.ck .ck-todo{padding:10px 12px;border-radius:var(--ck-r-md);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-clay-line);display:flex;flex-direction:column;gap:7px}
.ck .ck-todo-h{font:var(--ck-t-label);text-transform:uppercase;letter-spacing:.03em;color:var(--ck-ink-3)}
.ck .ck-todo .ck-checkitem{font-size:12.5px}
.ck .ck-statusline{display:flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-top:1px solid var(--ck-clay-line);font-size:11px;color:var(--ck-ink-3)}
.ck .ck-statusline-t{flex:1;color:var(--ck-clay);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck .ck-handoff{border-radius:var(--ck-r-xl);box-shadow:inset 0 0 0 1px var(--ck-border);background:var(--ck-card);padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.ck .ck-handoff-h{display:flex;align-items:center;gap:7px;font:var(--ck-t-ui)}
.ck .ck-handoff-t{font:var(--ck-t-body);color:var(--ck-ink-2)}
.ck .ck-handoff-f,.ck .ck-handoff-a,.ck .ck-chiprow{display:flex;flex-wrap:wrap;gap:6px}
/* thread + right rail */
.ck .ck-thread{width:420px;flex-shrink:0;display:flex;flex-direction:column;background:var(--ck-card);border-radius:var(--ck-r-xl);box-shadow:var(--ck-shadow-card);overflow:hidden;min-height:0}
.ck .ck-thread-h{display:flex;align-items:center;gap:8px;height:60px;padding:0 12px;border-bottom:1px solid var(--ck-faint)}
.ck .ck-thread-h b{display:block;font:var(--ck-t-h3)}
.ck .ck-thread-b{flex:1;overflow:hidden;padding:6px 0}
.ck .ck-thread-b .ck-msg{padding:8px 16px}
.ck .ck-thread-b > .ck-divider--label{padding:6px 16px}
.ck .ck-thread-c{padding:12px}
.ck .ck-rr{width:300px;flex-shrink:0;display:flex;flex-direction:column;background:var(--ck-card);border-radius:var(--ck-r-xl);box-shadow:var(--ck-shadow-card);overflow:hidden}
.ck .ck-rr-h{display:flex;align-items:center;gap:8px;height:60px;padding:0 12px;border-bottom:1px solid var(--ck-faint)}
.ck .ck-rr-b{flex:1;overflow:hidden;padding:8px 12px}
.ck .ck-rr-sec{padding:10px 4px 4px;font:var(--ck-t-label);color:var(--ck-ink-3);text-transform:uppercase;letter-spacing:.03em}
.ck .ck-rr-add{padding:12px 0}
.ck .ck-rr .ck-setrow{padding:12px 4px}
/* cards */
.ck .ck-card{background:var(--ck-card);border-radius:var(--ck-r-xl);box-shadow:inset 0 0 0 1px var(--ck-border),var(--ck-shadow-card);overflow:hidden}
.ck .ck-card-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--ck-faint)}
.ck .ck-card-h b{display:block;font:var(--ck-t-h3)}
.ck .ck-card-b{padding:16px}
.ck .ck-card-b--flush{padding:0}
.ck .ck-prev{height:120px;background:var(--ck-sunken);border-bottom:1px solid var(--ck-faint);position:relative;overflow:hidden}
.ck .ck-prev--doc{padding:18px 22px;display:flex;flex-direction:column;gap:8px}
.ck .ck-prev--doc b{width:55%;height:9px;border-radius:var(--ck-r-full);background:var(--ck-ink-4)}
.ck .ck-prev--doc i{height:6px;border-radius:var(--ck-r-full);background:var(--ck-divider)}
.ck .ck-prev--doc i:nth-child(odd){width:80%}
.ck .ck-prev--sheet{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:14px;background:var(--ck-sunken)}
.ck .ck-prev--sheet i{height:14px;background:var(--ck-card)}
.ck .ck-prev--sheet i:nth-child(-n+4){background:var(--ck-tint)}
.ck .ck-prev--chart{display:grid;place-items:center}
.ck .ck-prev--design{display:flex;gap:8px;padding:16px}
.ck .ck-prev--design i{flex:1;border-radius:var(--ck-r-md);background:var(--ck-grad-brand);box-shadow:inset 0 0 0 1px var(--ck-border)}
.ck .ck-prev--deck{padding:16px 22px;display:flex;flex-direction:column;gap:7px;background:var(--ck-grad-brand)}
.ck .ck-prev--deck i{height:40px;border-radius:var(--ck-r-sm);background:var(--ck-card)}
.ck .ck-prev--deck b{height:6px;width:60%;border-radius:var(--ck-r-full);background:var(--ck-blue-light)}
.ck .ck-artifact{width:360px;border-radius:var(--ck-r-xl);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border),var(--ck-shadow-card);overflow:hidden}
.ck .ck-artifact-b{display:flex;align-items:center;gap:10px;padding:12px 14px 4px}
.ck .ck-artifact-b b,.ck .ck-libcard-t b{display:block;font:var(--ck-t-ui);color:var(--ck-ink-strong)}
.ck .ck-artifact-f{display:flex;gap:6px;padding:10px 14px 12px}
.ck .ck-libcard{border-radius:var(--ck-r-xl);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border),var(--ck-shadow-card);overflow:hidden}
.ck .ck-libcard--on{box-shadow:0 0 0 2px var(--ck-blue)}
.ck .ck-libcard-t{padding:12px 14px 6px}
.ck .ck-libcard-f{display:flex;align-items:center;gap:6px;padding:4px 14px 12px}
.ck .ck-kpi{background:var(--ck-card);border-radius:var(--ck-r-xl);box-shadow:inset 0 0 0 1px var(--ck-border),var(--ck-shadow-card);padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.ck .ck-kpi-h{display:flex;align-items:center;gap:7px;font:var(--ck-t-small);color:var(--ck-ink-2)}
.ck .ck-kpi-v{font:var(--ck-t-num);color:var(--ck-ink-strong);font-variant-numeric:tabular-nums}
.ck .ck-kpi-f{display:flex;align-items:flex-end;justify-content:space-between}
.ck .ck-kpi-sub{font:var(--ck-t-small);color:var(--ck-ink-3)}
.ck .ck-membercard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 16px 16px;background:var(--ck-card);border-radius:var(--ck-r-xl);box-shadow:inset 0 0 0 1px var(--ck-border),var(--ck-shadow-card)}
.ck .ck-membercard b{font:var(--ck-t-h3)}
.ck .ck-membercard p{font:var(--ck-t-small);color:var(--ck-ink-2)}
.ck .ck-membercard-a{display:flex;gap:6px;margin-top:6px}
.ck .ck-option{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:var(--ck-r-lg);background:var(--ck-card);border:1px solid var(--ck-border-control)}
.ck .ck-option--on{border:1.5px solid var(--ck-blue);box-shadow:0 0 0 3px var(--ck-ring)}
.ck .ck-option b{display:block;font:var(--ck-t-ui)}
.ck .ck-plan{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--ck-r-xl);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border-control)}
.ck .ck-plan--on{box-shadow:inset 0 0 0 1.5px var(--ck-blue),0 0 0 3px var(--ck-ring)}
.ck .ck-plan-h{display:flex;align-items:center;justify-content:space-between;font:var(--ck-t-h3)}
.ck .ck-plan-p{font:var(--ck-t-num);color:var(--ck-ink-strong)}
.ck .ck-plan p{font:var(--ck-t-small);color:var(--ck-ink-2)}
.ck .ck-plan-perks{display:flex;flex-direction:column;gap:7px}
.ck .ck-plan-perks .ck-checkitem{font-size:12.5px}
.ck .ck-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ck .ck-pack{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--ck-r-lg);box-shadow:inset 0 0 0 1px var(--ck-border);background:var(--ck-card);font:var(--ck-t-ui);color:var(--ck-ink-2)}
.ck .ck-conntile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border-radius:var(--ck-r-xl);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border),var(--ck-shadow-card)}
.ck .ck-conntile--hl{box-shadow:inset 0 0 0 1.5px var(--ck-blue),0 0 0 3px var(--ck-ring)}
.ck .ck-conntile-h{display:flex;align-items:center;width:100%}
.ck .ck-conntile b{font:var(--ck-t-h3)}
.ck .ck-conntile p{font:var(--ck-t-small);color:var(--ck-ink-3);flex:1}
.ck .ck-connrow,.ck .ck-login{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--ck-r-lg);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border)}
.ck .ck-connrow b,.ck .ck-login b{display:flex;align-items:center;gap:6px;font:var(--ck-t-ui)}
.ck .ck-connrow .ck-chiprow{margin-top:6px}
.ck .ck-job,.ck .ck-deliv{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;border-radius:var(--ck-r-xl);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border),var(--ck-shadow-card)}
.ck .ck-job-h,.ck .ck-deliv-h{display:flex;align-items:center;gap:10px;width:100%}
.ck .ck-job-h b,.ck .ck-deliv-h b{display:block;font:var(--ck-t-h3)}
.ck .ck-job p{font:var(--ck-t-small);color:var(--ck-ink-2)}
.ck .ck-job-open{width:36px;height:36px;border-radius:28%;display:grid;place-items:center;background:var(--ck-muted);color:var(--ck-ink-3);box-shadow:inset 0 0 0 1px var(--ck-border)}
.ck .ck-deliv-a,.ck .ck-deliv-f{width:100%;display:flex;flex-direction:column}
.ck .ck-deliv-row{display:flex;align-items:center;gap:10px;height:38px;padding:0 4px;border-top:1px solid var(--ck-faint);font:var(--ck-t-ui);color:var(--ck-ink-2)}
/* steps, notes, facts, doc, code */
.ck .ck-run{display:flex;flex-direction:column}
.ck .ck-run-s{display:flex;align-items:flex-start;gap:10px;padding:8px 0;position:relative}
.ck .ck-run-m{width:22px;display:grid;place-items:center;flex-shrink:0;padding-top:1px}
.ck .ck-run-s b{display:block;font:var(--ck-t-ui)}
.ck .ck-run-s--todo b{color:var(--ck-ink-3)}
.ck .ck-run-s--run b{color:var(--ck-blue-deep)}
.ck .ck-run-n{width:18px;height:18px;border-radius:var(--ck-r-full);display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--ck-border-strong);font:600 10px/1 var(--ck-font);color:var(--ck-ink-3)}
.ck .ck-note{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:var(--ck-r-md);font:var(--ck-t-small)}
.ck .ck-note .ck-ic{margin-top:1px}
.ck .ck-note--neutral{background:var(--ck-muted);color:var(--ck-ink-2)}
.ck .ck-note--bad{background:var(--ck-bad-bg);color:var(--ck-bad)}
.ck .ck-note--good{background:var(--ck-good-bg);color:var(--ck-good)}
.ck .ck-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--ck-r-lg);font:var(--ck-t-ui)}
.ck .ck-banner--info{background:var(--ck-tint);color:var(--ck-blue-deep);box-shadow:inset 0 0 0 1px var(--ck-tint-line)}
.ck .ck-banner--warn{background:var(--ck-warn-bg);color:var(--ck-warn)}
.ck .ck-banner--bad{background:var(--ck-bad-bg);color:var(--ck-bad)}
.ck .ck-facts{display:flex;flex-direction:column}
.ck .ck-facts div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--ck-faint);font:var(--ck-t-small)}
.ck .ck-facts span{color:var(--ck-ink-3)}
.ck .ck-facts b{font-weight:550;color:var(--ck-ink);display:flex;align-items:center;gap:6px}
.ck .ck-facts a{color:var(--ck-blue-ink)}
.ck .ck-doc{display:flex;flex-direction:column;gap:8px;font:var(--ck-t-body);color:var(--ck-ink-2)}
.ck .ck-doc h4{font:var(--ck-t-h3);color:var(--ck-ink);margin-top:6px}
.ck .ck-doc ul{padding-left:18px;display:flex;flex-direction:column;gap:4px}
.ck .ck-cmd{display:flex;align-items:center;gap:8px;height:38px;padding:0 6px 0 12px;border-radius:var(--ck-r-md);background:var(--ck-sunken);box-shadow:inset 0 0 0 1px var(--ck-border);font:var(--ck-t-code);color:var(--ck-ink)}
.ck .ck-qr{display:inline-grid;place-items:center;padding:12px;border-radius:var(--ck-r-lg);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border)}
.ck .ck-qr-svg{fill:var(--ck-ink);shape-rendering:crispEdges}
/* forms, auth, onboarding */
.ck .ck-field{display:flex;flex-direction:column;gap:6px}
.ck .ck-field-l{display:flex;justify-content:space-between;font:550 12.5px/1 var(--ck-font);color:var(--ck-ink)}
.ck .ck-field-l a{font-weight:500;color:var(--ck-blue-ink)}
.ck .ck-field-h{font:var(--ck-t-meta);color:var(--ck-ink-3)}
.ck .ck-field-e{display:flex;align-items:center;gap:5px;font:var(--ck-t-meta);color:var(--ck-bad)}
.ck .ck-authtitle{display:flex;flex-direction:column;gap:8px}
.ck .ck-authtitle h1{font:var(--ck-t-h1);color:var(--ck-ink-strong)}
.ck .ck-authtitle p{font:var(--ck-t-body);color:var(--ck-ink-3)}
.ck .ck-authcard{display:flex;flex-direction:column;gap:18px;padding:32px;border-radius:var(--ck-r-2xl);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border),var(--ck-shadow-pop)}
.ck .ck-authbrand{width:560px;flex-shrink:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:40px 48px;background:var(--ck-grad-brand);border-right:1px solid var(--ck-border)}
.ck .ck-authbrand-m{display:flex;flex-direction:column;gap:16px}
.ck .ck-authbrand h2{font:var(--ck-t-display);color:var(--ck-ink-strong);letter-spacing:-.01em}
.ck .ck-authbrand p{font:450 15px/1.5 var(--ck-font);color:var(--ck-ink-2)}
.ck .ck-authbrand-f{display:flex;flex-direction:column;gap:10px}
.ck .ck-logos{display:flex;gap:8px}
.ck .ck-onb{width:720px;display:flex;flex-direction:column;gap:28px}
.ck .ck-onb-top{display:flex;align-items:center;justify-content:space-between}
.ck .ck-onb-prog{display:flex;flex-direction:column;align-items:center;gap:6px}
.ck .ck-onb-main{display:flex;flex-direction:column;gap:20px;padding:32px;border-radius:var(--ck-r-2xl);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border),var(--ck-shadow-card)}
.ck .ck-onb-foot{display:flex;justify-content:space-between}
.ck .ck-chanprev{border-radius:var(--ck-r-xl);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border);overflow:hidden;padding-bottom:8px}
.ck .ck-chanprev-h{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--ck-faint);font:var(--ck-t-ui)}
.ck .ck-chanprev .ck-msg{padding:8px 14px}
/* settings */
.ck .ck-setnav{width:220px;flex-shrink:0;padding:20px 12px;border-right:1px solid var(--ck-faint);display:flex;flex-direction:column;gap:16px}
.ck .ck-setnav h2{font:var(--ck-t-h2);padding:0 8px}
.ck .ck-setnav-g{display:flex;flex-direction:column;gap:1px}
.ck .ck-setnav-g small{padding:0 8px 4px;font:var(--ck-t-label);text-transform:uppercase;letter-spacing:.03em}
.ck .ck-setnav .ck-nav-row--on{background:var(--ck-muted);box-shadow:none}
.ck .ck-setgroup{display:flex;flex-direction:column;gap:10px}
.ck .ck-setgroup-h{display:flex;align-items:flex-end;gap:10px}
.ck .ck-setgroup-h h3{font:var(--ck-t-h3)}
.ck .ck-setgroup-h p{font:var(--ck-t-small);color:var(--ck-ink-3)}
.ck .ck-setrow{display:flex;align-items:center;gap:16px;padding:14px 16px;border-top:1px solid var(--ck-faint)}
.ck .ck-setrow:first-child{border-top:0}
.ck .ck-setrow-l{flex:1;min-width:0}
.ck .ck-setrow-l b{display:block;font:var(--ck-t-ui);color:var(--ck-ink)}
.ck .ck-setrow-c{display:flex;align-items:center;gap:8px}
.ck .ck-setrow--fill{flex-direction:column;align-items:stretch}
.ck .ck-setrow--danger .ck-setrow-l b{color:var(--ck-bad)}
.ck .ck-autonomy{display:inline-flex;align-items:center;gap:10px}
.ck .ck-who{display:flex;align-items:center;gap:10px;min-width:0}
/* table */
.ck .ck-table{display:flex;flex-direction:column;font:var(--ck-t-small)}
.ck .ck-tr{display:grid;align-items:center;gap:12px;min-height:52px;padding:0 16px;border-top:1px solid var(--ck-divider-data)}
.ck .ck-tr--head{min-height:36px;background:var(--ck-data-head);border-top:0;font:var(--ck-t-label);color:var(--ck-ink-3);text-transform:uppercase;letter-spacing:.03em}
.ck .ck-tr--hl{background:var(--ck-tint)}
.ck .ck-td--r{justify-self:end;text-align:right;font-variant-numeric:tabular-nums}
.ck .ck-td--c{justify-self:center}
/* charts (visx look) */
.ck .ck-chart{position:relative;font:450 10.5px/1 var(--ck-data)}
.ck .ck-chart-plot{position:relative}
.ck .ck-chart svg{display:block;overflow:visible}
.ck .ck-grid{stroke:var(--ck-chart-grid);stroke-width:1}
.ck .ck-axis{fill:var(--ck-ink-4);font:450 10.5px var(--ck-data)}
.ck .ck-line{fill:none;stroke:var(--ck-series);stroke-width:2;stroke-linecap:round}
.ck .ck-line--dash{stroke-dasharray:4 4;stroke-width:1.75}
.ck .ck-stop-a{stop-color:var(--ck-series);stop-opacity:.18}
.ck .ck-stop-b{stop-color:var(--ck-series);stop-opacity:0}
.ck .ck-series--1{--ck-series:var(--ck-chart-1)}
.ck .ck-series--2{--ck-series:var(--ck-chart-2)}
.ck .ck-series--3{--ck-series:var(--ck-chart-3)}
.ck .ck-series--4{--ck-series:var(--ck-chart-4)}
.ck .ck-series--bad{--ck-series:var(--ck-bad)}
.ck .ck-target{stroke:var(--ck-ink-4);stroke-dasharray:3 4;stroke-width:1}
.ck .ck-cross{stroke:var(--ck-border-strong);stroke-width:1}
.ck .ck-hoverdot{fill:var(--ck-card);stroke:var(--ck-series);stroke-width:2}
.ck .ck-col{fill:var(--ck-blue-hi)}
.ck .ck-col--hl{fill:var(--ck-chart-1)}
.ck .ck-legend{display:flex;gap:14px;margin-bottom:10px;font:var(--ck-t-meta);color:var(--ck-ink-2)}
.ck .ck-legend span,.ck .ck-charttip span{display:inline-flex;align-items:center;gap:6px}
.ck .ck-swatch{display:inline-block;width:10px;height:3px;border-radius:var(--ck-r-full);background:var(--ck-series)}
.ck .ck-swatch--dash{background:repeating-linear-gradient(90deg,var(--ck-series) 0 3px,transparent 3px 5px)}
.ck .ck-swatch--target{background:var(--ck-ink-4)}
.ck .ck-band{fill:var(--ck-series);fill-opacity:.1;stroke:none}
.ck .ck-swatch--band{height:8px;width:10px;border-radius:2px;background:var(--ck-series);opacity:.25}
.ck .ck-endlabel{fill:var(--ck-ink);font:600 12px var(--ck-data)}
.ck .ck-unread-cap{stroke:var(--ck-ink-4);stroke-width:1;stroke-dasharray:2 2}
.ck .ck-unread-hatch{stroke:var(--ck-ink-4);stroke-width:1.5}
.ck .ck-unread-t{fill:var(--ck-bad);font:500 10.5px var(--ck-data)}
.ck .ck-charttip{position:absolute;display:flex;flex-direction:column;gap:6px;min-width:150px;padding:9px 11px;border-radius:var(--ck-r-md);background:var(--ck-card);box-shadow:var(--ck-shadow-pop);font:var(--ck-t-meta);color:var(--ck-ink-2)}
.ck .ck-charttip b{font:600 11.5px/1 var(--ck-font);color:var(--ck-ink)}
.ck .ck-charttip em{margin-left:auto;padding-left:12px;font-style:normal;font-weight:600;color:var(--ck-ink);font-variant-numeric:tabular-nums}
.ck .ck-spark{display:block}
.ck .ck-barlist{display:flex;flex-direction:column;gap:10px}
.ck .ck-barlist-r{display:flex;align-items:center;gap:10px;font:var(--ck-t-small)}
.ck .ck-barlist-l{width:120px;color:var(--ck-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck .ck-barlist-t{flex:1;height:8px;border-radius:var(--ck-r-full);background:var(--ck-muted);overflow:hidden}
.ck .ck-barlist-t i{display:block;height:100%;border-radius:inherit;background:var(--ck-chart-1)}
.ck .ck-barlist-r b{width:60px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
/* library, filters, modal, ask */
.ck .ck-filter{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:var(--ck-r-md);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border-control);font:var(--ck-t-ui);color:var(--ck-ink-2)}
.ck .ck-filter small{color:var(--ck-ink-3)}
.ck .ck-filter b{font-weight:550;color:var(--ck-ink)}
.ck .ck-filter--open{box-shadow:inset 0 0 0 1.5px var(--ck-blue),0 0 0 3px var(--ck-ring)}
.ck .ck-detail{width:960px;height:620px;display:flex;flex-direction:column;border-radius:var(--ck-r-2xl);background:var(--ck-card);box-shadow:var(--ck-shadow-dialog);overflow:hidden}
.ck .ck-detail-h{display:flex;align-items:center;gap:12px;padding:16px 16px 14px 20px;border-bottom:1px solid var(--ck-faint)}
.ck .ck-detail-h b{display:block;font:var(--ck-t-h2);margin-bottom:6px}
.ck .ck-detail-b{flex:1;display:flex;min-height:0}
.ck .ck-detail-main{flex:1;padding:20px;background:var(--ck-sunken);overflow:hidden}
.ck .ck-detail-side{width:300px;padding:16px 20px;border-left:1px solid var(--ck-faint)}
.ck .ck-detail-f{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--ck-faint)}
.ck .ck-ask{display:flex;flex-direction:column;gap:10px}
.ck .ck-ask .ck-btn--sm{border-radius:var(--ck-r-full)}
/* canvas */
.ck .ck-canvas{position:relative;flex:1;height:100%;display:flex;flex-direction:column;background:var(--ck-card);border-radius:var(--ck-r-xl);box-shadow:var(--ck-shadow-card);overflow:hidden}
.ck .ck-canvas-top{display:flex;align-items:center;gap:8px;height:56px;padding:0 12px;border-bottom:1px solid var(--ck-faint);flex-shrink:0}
.ck .ck-canvas-title{display:flex;align-items:center;gap:8px;font:var(--ck-t-h3)}
.ck .ck-canvas-stage{position:relative;flex:1;overflow:hidden;background-color:var(--ck-raised);background-image:radial-gradient(var(--ck-divider) 1px,transparent 1px);background-size:20px 20px}
.ck .ck-canvas-tools{position:absolute;left:50%;top:14px;transform:translateX(-50%);display:flex;gap:2px;padding:4px;border-radius:var(--ck-r-lg);background:var(--ck-card);box-shadow:var(--ck-shadow-pop)}
.ck .ck-canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}
.ck .ck-canvas-empty h2{font:var(--ck-t-h1)}
.ck .ck-canvas-empty p{font:var(--ck-t-body);color:var(--ck-ink-3);max-width:360px}
.ck .ck-stage-design{position:absolute;display:flex;gap:40px;align-items:flex-start}
.ck .ck-sd-frame{display:flex;flex-direction:column;gap:6px}
.ck .ck-sd-page{width:520px;background:var(--ck-card);box-shadow:var(--ck-shadow-card),inset 0 0 0 1px var(--ck-border);display:flex;flex-direction:column}
.ck .ck-sd-frame--sm .ck-sd-page{width:260px}
.ck .ck-sd-nav{height:28px;border-bottom:1px solid var(--ck-faint)}
.ck .ck-sd-hero{height:190px;margin:12px;border-radius:var(--ck-r-md);background:var(--ck-grad-brand);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:24px}
.ck .ck-sd-hero--sm{height:150px}
.ck .ck-sd-hero b{width:60%;height:16px;border-radius:var(--ck-r-full);background:var(--ck-ink)}
.ck .ck-sd-hero i{width:75%;height:7px;border-radius:var(--ck-r-full);background:var(--ck-border-strong)}
.ck .ck-sd-hero span{width:90px;height:26px;border-radius:var(--ck-r-sm);background:var(--ck-ink);margin-top:6px}
.ck .ck-sd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 12px 14px}
.ck .ck-sd-grid i{height:110px;border-radius:var(--ck-r-md);background:var(--ck-muted)}
.ck .ck-cur--1{--ck-cur:var(--ck-cur-1)}.ck .ck-cur--2{--ck-cur:var(--ck-cur-2)}.ck .ck-cur--3{--ck-cur:var(--ck-cur-3)}.ck .ck-cur--4{--ck-cur:var(--ck-cur-4)}.ck .ck-cur--5{--ck-cur:var(--ck-cur-5)}.ck .ck-cur--6{--ck-cur:var(--ck-cur-6)}
.ck .ck-cursor{position:absolute;z-index:20;color:var(--ck-cur)}
.ck .ck-cursor .ck-ic{fill:var(--ck-cur);stroke:var(--ck-card)}
.ck .ck-cursor-tag,.ck .ck-sel-tag{position:absolute;left:14px;top:16px;height:20px;padding:0 7px;border-radius:var(--ck-r-sm);background:var(--ck-cur);color:var(--ck-on-dark);font:550 11px/20px var(--ck-font);white-space:nowrap}
.ck .ck-sel{position:absolute;z-index:10;box-shadow:inset 0 0 0 1.5px var(--ck-cur)}
.ck .ck-sel-tag{left:-1.5px;top:-20px;border-radius:var(--ck-r-xs) var(--ck-r-xs) 0 0}
.ck .ck-pin{position:absolute;z-index:22;display:flex;align-items:flex-start;gap:8px}
.ck .ck-pin > .ck-av{padding:3px;background:var(--ck-card);border-radius:var(--ck-r-full) var(--ck-r-full) var(--ck-r-full) 0;box-shadow:var(--ck-shadow-pop);width:30px!important;height:30px!important}
.ck .ck-pin-n{position:absolute;left:22px;top:-6px}
.ck .ck-pin-n{min-width:16px;height:16px;border-radius:var(--ck-r-full);background:var(--ck-blue);color:var(--ck-on-dark);font:600 9.5px/16px var(--ck-font);text-align:center}
.ck .ck-pin-card{width:240px;padding:10px 12px;border-radius:var(--ck-r-lg);background:var(--ck-card);box-shadow:var(--ck-shadow-pop);display:flex;flex-direction:column;gap:8px;font:var(--ck-t-small)}
.ck .ck-cu{position:absolute;z-index:25;color:var(--ck-blue)}
.ck .ck-cu .ck-ic{fill:var(--ck-blue);stroke:var(--ck-card)}
.ck .ck-cu-ring{position:absolute;left:-10px;top:-10px;width:24px;height:24px;border-radius:var(--ck-r-full);box-shadow:0 0 0 2px var(--ck-blue-light);background:var(--ck-ring)}
.ck .ck-cu-cap{position:absolute;left:18px;top:20px;display:flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 5px;border-radius:var(--ck-r-full);background:var(--ck-ink);color:var(--ck-on-dark);font:500 12px/1 var(--ck-font);white-space:nowrap}
.ck .ck-cu-trail{position:absolute;z-index:24;width:300px;padding:10px 14px;border-radius:var(--ck-r-xl);background:var(--ck-card);box-shadow:var(--ck-shadow-pop)}
.ck .ck-cu-trail-h{display:flex;align-items:center;gap:8px;font:var(--ck-t-small);padding-bottom:4px}
.ck .ck-cu-trail-h b{flex:1}
.ck .ck-follow{position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 3px var(--ck-cur);display:flex;justify-content:center;align-items:flex-start;gap:6px;padding-top:8px}
.ck .ck-follow-tag{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 5px;border-radius:var(--ck-r-full);background:var(--ck-cur);color:var(--ck-on-dark);font:550 12px/1 var(--ck-font)}
/* call */
.ck .ck-calldock{position:absolute;z-index:28;display:flex;flex-direction:column;gap:8px;align-items:center}
.ck .ck-calldock--filmstrip{left:50%;bottom:18px;transform:translateX(-50%)}
.ck .ck-calldock--corner{right:18px;bottom:18px;align-items:flex-end}
.ck .ck-calldock--corner .ck-calldock-tiles{display:grid;grid-template-columns:repeat(2,auto)}
.ck .ck-calldock-tiles{display:flex;gap:8px}
.ck .ck-calltile{width:120px;height:84px;border-radius:var(--ck-r-lg);background:var(--ck-dark-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:var(--ck-shadow-pop)}
.ck .ck-calltile--speaking{box-shadow:0 0 0 2px var(--ck-live),var(--ck-shadow-live)}
.ck .ck-calltile-n{display:flex;align-items:center;gap:4px;font:500 11px/1 var(--ck-font);color:var(--ck-on-dark-2)}
.ck .ck-callbar{display:flex;align-items:center;gap:4px;padding:5px 6px 5px 8px;border-radius:var(--ck-r-full);background:var(--ck-card);box-shadow:var(--ck-shadow-pop)}
.ck .ck-callbar .ck-btn{border-radius:var(--ck-r-full)}
.ck .ck-endcall,.ck .ck-recorder{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--ck-r-xl);background:var(--ck-card);box-shadow:var(--ck-shadow-pop)}
.ck .ck-endcall b,.ck .ck-recorder b{display:block;font:var(--ck-t-ui)}
.ck .ck-recorder--recording{box-shadow:inset 0 0 0 1px var(--ck-bad-bg),var(--ck-shadow-pop)}
/* home */

.ck .ck-workrow{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--ck-faint)}
.ck .ck-workrow:first-child{border-top:0}
.ck .ck-workrow b{display:block;font:var(--ck-t-ui)}
.ck .ck-workrow time{width:40px;text-align:right;font:var(--ck-t-meta);color:var(--ck-ink-4)}
/* shell + pane */
.ck .ck-shell{position:relative;display:flex;gap:8px;padding:8px 8px 8px 0;background:var(--ck-bg);overflow:hidden}
.ck .ck-shell--app{background:var(--ck-grad-app)}
.ck .ck-shell--app .ck-rail{background:transparent}
.ck .ck-main{flex:1;min-width:0;display:flex;min-height:0;position:relative}
.ck .ck-pane{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--ck-card);border-radius:var(--ck-r-xl);box-shadow:var(--ck-shadow-card);overflow:hidden;position:relative}
.ck .ck-pane-b{flex:1;min-height:0;overflow:hidden;position:relative;padding:8px 0}
.ck .ck-pane-b--pad{padding:20px 24px}
.ck .ck-pane-f{padding:0 20px 16px;position:relative}

/* home v3.1 */
.ck .ck-workrow-t{flex:1;min-width:0}
.ck .ck-workrow-t small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck .ck-workrow--compact{padding:10px 16px}
.ck .ck-workrow--compact .ck-workrow-t{display:flex;align-items:baseline;gap:10px}
.ck .ck-workrow--compact .ck-workrow-t b{flex-shrink:0;white-space:nowrap}
.ck .ck-workrow--compact .ck-workrow-t small{flex:1;min-width:0}
/* home v3.2: exact round-2 Home (A-home) main area */
.ck .ck-hdr--bar{height:54px;padding:0 18px;background:var(--ck-card)}
.ck .ck-hdr--bar .ck-hdr-t h1{font:550 14px/1.3 var(--ck-font);color:var(--ck-ink-strong)}
.ck .ck-pane-b--app{padding:0;background:var(--ck-grad-app)}
.ck .ck-home{padding:64px 40px 72px;display:flex;flex-direction:column;align-items:center}
.ck .ck-hero{width:800px;text-align:center}
.ck .ck-hero h1{font:500 40px/1.15 var(--ck-font);letter-spacing:-.03em;color:var(--ck-ink-strong)}
.ck .ck-hero-rot{height:30px;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;font:450 19px/1.3 var(--ck-font);letter-spacing:-.01em;color:var(--ck-blue-ink)}
.ck .ck-hero-rot .ck-ic{color:var(--ck-blue)}
.ck .ck-hero-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
.ck .ck-hero-dots i{width:6px;height:6px;border-radius:3px;background:var(--ck-border-strong)}
.ck .ck-hero-dots .ck-hero-dot--on{width:18px;background:var(--ck-blue-ink)}
.ck .ck-homecomp{display:flex;flex-direction:column;align-items:center}
.ck .ck-hc{position:relative;width:800px;margin-top:26px;background:var(--ck-card);border:1px solid var(--ck-divider);border-radius:18px;box-shadow:var(--ck-shadow-composer);padding:14px 14px 12px}
.ck .ck-hc-route{display:flex;align-items:center;gap:9px;padding:2px 4px 0}
.ck .ck-hc-route .ck-stack{opacity:.8}
.ck .ck-hc-route .ck-stack > .ck-av{margin-left:-7px}
.ck .ck-hc-route .ck-stack > .ck-av:first-child{margin-left:0}
.ck .ck-hc-route b{display:block;font:525 12px/1.4 var(--ck-font);color:var(--ck-ink-2)}
.ck .ck-hc-route small{display:block;font:400 10.5px/1.4 var(--ck-font);color:var(--ck-ink-4)}
.ck .ck-hc-ta{min-height:92px;padding:14px 6px 6px;font:400 16px/1.5 var(--ck-font);color:var(--ck-ink-4)}
.ck .ck-hc-ta .ck-input-ph{color:var(--ck-ink-4)}
.ck .ck-hc-bar{display:flex;align-items:center;gap:8px}
.ck .ck-hc-bar .ck-iconbtn{width:32px;height:32px;border-radius:var(--ck-r-full);color:var(--ck-ink-6)}
.ck .ck-hc-bar .ck-iconbtn--bordered{border-color:var(--ck-divider);color:var(--ck-ink-2)}
.ck .ck-hc-bar .ck-iconbtn--send,.ck .ck-hc-bar .ck-iconbtn--send-idle{width:34px;height:34px;color:var(--ck-on-dark)}
.ck .ck-hc-bar .ck-iconbtn--send{background:var(--ck-ink-strong);box-shadow:none}
.ck .ck-hc-bar .ck-iconbtn--send-idle{background:var(--ck-fill)}
.ck .ck-hc-bar .ck-btn{height:32px;padding:0 8px;border-radius:var(--ck-r-full);border-color:var(--ck-divider);color:var(--ck-ink-2);font:500 12.5px/1 var(--ck-font)}
.ck .ck-connchip{display:inline-flex;align-items:center;height:32px;padding:0 8px;border-radius:var(--ck-r-full);border:1px solid var(--ck-divider);background:var(--ck-card)}
.ck .ck-connchip-l{display:flex;align-items:center}
.ck .ck-connchip .ck-logo{border-radius:5px;box-shadow:0 0 0 1.5px var(--ck-card),0 0 0 2.5px var(--ck-faint)}
.ck .ck-connchip .ck-logo + .ck-logo{margin-left:-5px}
.ck .ck-connchip .ck-logo img{width:80%;height:80%}
.ck .ck-connchip b{margin-left:6px;font:525 12px/1 var(--ck-font);color:var(--ck-ink-6)}
.ck .ck-hc-hint{width:800px;display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:0 16px;color:var(--ck-ink-5);font:400 12px/1.5 var(--ck-font)}
.ck .ck-hc-hint .ck-btn--link{color:var(--ck-ink-6);font:400 12px/1.5 var(--ck-font);height:auto;padding:0}
.ck .ck-qa{display:flex;gap:8px;justify-content:center;margin-top:18px;flex-wrap:wrap;width:860px}
.ck .ck-jb{width:1040px;margin-top:56px}
.ck .ck-sechead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px;padding:0 2px}
.ck .ck-sechead h3{font:550 15px/1.3 var(--ck-font);color:var(--ck-ink-strong);letter-spacing:-.01em}
.ck .ck-sechead .ck-btn--link,.ck .ck-phead .ck-btn--link{padding:0;font:500 12.5px/1 var(--ck-font);color:var(--ck-blue-ink);gap:3px;height:auto}
.ck .ck-jb-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ck .ck-jump{background:var(--ck-card);border:1px solid var(--ck-faint);border-radius:var(--ck-r-xl);box-shadow:var(--ck-shadow-card);overflow:hidden;display:flex;flex-direction:column}
.ck .ck-jump-prev{height:148px;position:relative;overflow:hidden;border-bottom:1px solid var(--ck-faint);background:var(--ck-raised)}
.ck .ck-jump-m{padding:11px 12px 12px;display:flex;flex-direction:column;gap:6px}
.ck .ck-jump-t{display:flex;align-items:center;gap:8px;font:550 13.5px/1.3 var(--ck-font);color:var(--ck-ink-strong)}
.ck .ck-jump-t .ck-logo--curator{border-radius:4px}
.ck .ck-jump-s{font:400 11.5px/1.3 var(--ck-font);color:var(--ck-ink-5)}
.ck .ck-jump-f{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.ck .ck-jump-f .ck-btn--link{padding:0;font:525 11.5px/1 var(--ck-font);color:var(--ck-blue-ink);gap:4px;height:auto}
.ck .ck-jump-live{display:flex;align-items:center;gap:6px}
.ck .ck-jump-live .ck-dot{width:6px;height:6px;background:var(--ck-chart-2);box-shadow:0 0 0 3px var(--ck-live-ring)}
.ck .ck-jump-live .ck-stack > .ck-av{margin-left:-7px}
.ck .ck-jump-live .ck-stack > .ck-av:first-child{margin-left:0}
.ck .ck-jump-live .ck-av-img{box-shadow:0 0 0 2px var(--ck-card)}
/* previews */
.ck .ck-pv{position:absolute;inset:0;overflow:hidden}
.ck .ck-pv--sheet{background:var(--ck-card);font:500 9.5px/1 var(--ck-data);color:var(--ck-sh-ink)}
.ck .ck-pv-fx{height:18px;background:var(--ck-sh-bar);border-bottom:1px solid var(--ck-sh-line);display:flex;align-items:center;gap:6px;padding:0 6px;color:var(--ck-sh-ink2);font-size:9px}
.ck .ck-pv-fx b{color:var(--ck-sh-fx)}
.ck .ck-pv-grid{display:grid;grid-template-columns:16px 1.1fr 1fr .8fr .6fr .7fr}
.ck .ck-pv-hd{height:19px;background:var(--ck-sh-bar);border-right:1px solid var(--ck-sh-line);border-bottom:1px solid var(--ck-sh-line);display:grid;place-items:center;color:var(--ck-sh-hd);font-size:8.5px;font-style:normal}
.ck .ck-pv-grid > .ck-pv-hd:nth-child(-n+6){height:14px}
.ck .ck-pv-grid span{height:19px;border-right:1px solid var(--ck-faint);border-bottom:1px solid var(--ck-faint);display:flex;align-items:center;padding:0 5px;white-space:nowrap;overflow:hidden}
.ck .ck-pv-grid .ck-pv-num{justify-content:flex-end}
.ck .ck-pv-grid .ck-pv-th{font-weight:650;background:var(--ck-sh-th)}
.ck .ck-pv-grid .ck-pv-tot{font-weight:650}
.ck .ck-pv-grid .ck-pv-pos{color:var(--ck-sh-fx)}
.ck .ck-pv-grid .ck-pv-neg{color:var(--ck-sh-neg)}
.ck .ck-pv-grid .ck-pv-sel{background:var(--ck-sh-sel);outline:2px solid var(--ck-sh-selline);outline-offset:-2px}
.ck .ck-pv-tag{position:absolute;left:118px;top:70px;font:600 8px/1 var(--ck-font);color:var(--ck-on-dark);background:var(--ck-chart-3);padding:2px 4px;border-radius:3px}
.ck .ck-pv--figma{background:var(--ck-fg-canvas)}
.ck .ck-pv-path{position:absolute;left:10px;top:8px;font:500 8.5px/1 var(--ck-font);color:var(--ck-fg-path)}
.ck .ck-pv-page{position:absolute;left:10px;top:20px;right:10px;bottom:-20px;background:var(--ck-card);border-radius:3px;box-shadow:var(--ck-fg-shadow);overflow:hidden}
.ck .ck-pv-nav{height:10px;display:flex;align-items:center;gap:6px;padding:0 6px}
.ck .ck-pv-nav i{width:18px;height:3px;background:var(--ck-fg-nav);border-radius:1px}
.ck .ck-pv-nav em{width:10px;height:2px;background:var(--ck-fg-navline)}
.ck .ck-pv-hero{margin:2px 6px;height:58px;border-radius:3px;background:var(--ck-fg-hero);position:relative}
.ck .ck-pv-hero b{position:absolute;left:8px;top:12px;font:700 11px/1.05 var(--ck-font);color:var(--ck-fg-ink);letter-spacing:-.02em}
.ck .ck-pv-hero i{position:absolute;left:8px;bottom:8px;width:34px;height:9px;border-radius:5px;background:var(--ck-fg-ink)}
.ck .ck-pv-hero em{position:absolute;right:10px;top:8px;width:40px;height:44px;border-radius:20px 20px 4px 4px;background:var(--ck-fg-glass)}
.ck .ck-pv-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:5px 6px}
.ck .ck-pv-tiles i{height:30px;border-radius:2px;background:var(--ck-fg-t1)}
.ck .ck-pv-tiles i:nth-child(2){background:var(--ck-fg-t2)}.ck .ck-pv-tiles i:nth-child(3){background:var(--ck-fg-t3)}.ck .ck-pv-tiles i:nth-child(4){background:var(--ck-fg-t4)}
.ck .ck-pv-selbox{position:absolute;left:88px;top:52px;width:62px;height:40px;border:1.5px solid var(--ck-fg-sel)}
.ck .ck-pv-agent{position:absolute;left:150px;top:88px;display:flex;align-items:flex-start;gap:2px;color:var(--ck-clay)}
.ck .ck-pv-agent .ck-ic{fill:var(--ck-clay);stroke:var(--ck-clay)}
.ck .ck-pv-agent span{font:600 8px/1 var(--ck-font);color:var(--ck-on-dark);background:var(--ck-clay);padding:2px 4px;border-radius:3px;margin-top:6px;white-space:nowrap}
.ck .ck-pv--doc{background:var(--ck-card);padding:14px 18px 0}
.ck .ck-pv-emoji{font-size:16px;line-height:1}
.ck .ck-pv-h{display:block;font:700 13px/1.2 var(--ck-font);color:var(--ck-nt-ink);margin-top:6px}
.ck .ck-pv-props{display:flex;gap:10px;margin-top:6px;font:450 8.5px/1 var(--ck-font);color:var(--ck-nt-3);white-space:pre}
.ck .ck-pv-props em{font-style:normal;font-weight:500;background:var(--ck-nt-tag);color:var(--ck-wait);padding:1px 4px;border-radius:2px}
.ck .ck-pv-h2{display:block;font:650 10px/1 var(--ck-font);color:var(--ck-nt-ink);margin-top:10px}
.ck .ck-pv--doc p{font:450 9px/1.45 var(--ck-font);color:var(--ck-nt-2);margin-top:4px}
.ck .ck-pv--chart{background:var(--ck-card)}
.ck .ck-pv-kpi{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 12px 0}
.ck .ck-pv-kpi small{display:block;font:525 9px/1 var(--ck-font);color:var(--ck-ink-5)}
.ck .ck-pv-kpi b{display:block;font:600 17px/1.1 var(--ck-data);color:var(--ck-ink-strong);margin-top:4px;letter-spacing:-.02em}
.ck .ck-pv-kpi .ck-pill{height:auto;padding:3px 5px;font:600 9px/1 var(--ck-data)}
.ck .ck-pv--chart svg{position:absolute;left:2px;top:34px}
.ck .ck-series--pv{--ck-series:var(--ck-chart-pv)}
.ck .ck-pv--chart .ck-grid{stroke:var(--ck-pv-grid)}
.ck .ck-pv--chart .ck-line{stroke-width:1.6;stroke-linejoin:round}
.ck .ck-pv--chart .ck-hoverdot{stroke-width:1.6}
.ck .ck-pv--chart .ck-stop-a{stop-opacity:.22}
.ck .ck-pv--chart .ck-axis{font-size:7.5px;fill:var(--ck-ink-dots)}
/* tabs + panels */
.ck .ck-hometabs{margin-top:60px;display:flex;justify-content:center}
.ck .ck-phead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.ck .ck-phead-l{display:flex;align-items:center;gap:10px}
.ck .ck-phead h4{font:550 15px/1.3 var(--ck-font);color:var(--ck-ink-strong)}
.ck .ck-home-panel{width:1040px;margin-top:22px}
.ck .ck-lay-glance{display:grid;grid-template-columns:1fr 320px;gap:16px}
.ck .ck-lay-stack12{display:flex;flex-direction:column;gap:12px}
.ck .ck-tl,.ck .ck-sidecard,.ck .ck-atable{background:var(--ck-card);border:1px solid var(--ck-faint);border-radius:var(--ck-r-xl);box-shadow:var(--ck-shadow-card)}
.ck .ck-tl{position:relative;padding:12px 14px 14px 0}
.ck .ck-tl-h{display:grid;grid-template-columns:62px 1fr 250px;padding:0 0 8px;border-bottom:1px solid var(--ck-faint);font:575 11px/1.2 var(--ck-font);color:var(--ck-ink-5)}
.ck .ck-tl-h span{display:flex;align-items:center;gap:6px}
.ck .ck-tl-h span:nth-child(2){padding-left:8px}
.ck .ck-tl-h span:nth-child(3){padding-left:22px}
.ck .ck-tl-h .ck-logo--curator{border-radius:3px}
.ck .ck-tl-grid{position:relative;display:grid;grid-template-columns:62px 1fr 250px;margin-top:10px}
.ck .ck-tl-hr{height:48px;font:500 10.5px/1 var(--ck-data);color:var(--ck-ink-4);text-align:right;padding-right:10px;transform:translateY(-5px)}
.ck .ck-tl-lane{position:relative;border-left:1px solid var(--ck-faint)}
.ck .ck-tl-lane--ag{border-left:1px dashed var(--ck-border-control);margin-left:12px}
.ck .ck-tl-hl{position:absolute;left:0;right:0;height:1px;background:var(--ck-hline)}
.ck .ck-tl-ev{position:absolute;left:8px;right:8px;border-radius:8px;padding:6px 9px;overflow:hidden;font:525 12px/1.3 var(--ck-font)}
.ck .ck-tl-ev small{display:block;font:450 11px/1.3 var(--ck-font);opacity:.8;margin-top:1px;color:inherit}
.ck .ck-tl-ev .ck-stack{margin-top:4px}
.ck .ck-tl-ev .ck-stack > .ck-av{margin-left:-5px}.ck .ck-tl-ev .ck-stack > .ck-av:first-child{margin-left:0}
.ck .ck-tl-ev--meet{background:var(--ck-meet-bg);color:var(--ck-meet-ink);border-left:3px solid var(--ck-meet-line)}
.ck .ck-tl-ev--focus{background:repeating-linear-gradient(135deg,var(--ck-focus-a) 0 6px,var(--ck-focus-b) 6px 12px);color:var(--ck-ink-2);border-left:3px solid var(--ck-focus-line)}
.ck .ck-tl-ev--live{background:var(--ck-rose-bg);color:var(--ck-rose-ink);border-left:3px solid var(--ck-rose)}
.ck .ck-tl-run > .ck-grow{min-width:0}
.ck .ck-tl-run{position:absolute;left:10px;right:6px;display:flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;border-radius:9px;background:var(--ck-card);border:1px solid var(--ck-faint);box-shadow:var(--ck-shadow-card);font:525 11.5px/1.25 var(--ck-font);color:var(--ck-ink)}
.ck .ck-tl-run small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:450 10.5px/1.25 var(--ck-font);color:var(--ck-ink-5)}
.ck .ck-tl-run--on{border-color:var(--ck-run-line);background:var(--ck-run-soft)}
.ck .ck-tl-now{position:absolute;left:52px;right:0;height:0;border-top:1.5px solid var(--ck-rose)}
.ck .ck-tl-now::before{content:"";position:absolute;left:0;top:-5px;width:9px;height:9px;border-radius:5px;background:var(--ck-rose)}
.ck .ck-tl-now span{position:absolute;left:-52px;top:-7px;font:600 10px/1 var(--ck-data);color:var(--ck-rose);background:var(--ck-card);padding:2px 3px}
.ck .ck-sidecard{padding:14px}
.ck .ck-sidecard h5{margin:0 0 10px;display:flex;align-items:center;justify-content:space-between;font:575 11px/1.2 var(--ck-font);color:var(--ck-ink-5)}
.ck .ck-sidecard h5 .ck-pill{height:20px}
.ck .ck-sidecard h5 .ck-btn--link{padding:0;font:500 11.5px/1 var(--ck-font);color:var(--ck-blue-ink);height:auto}
.ck .ck-nextm{font:550 14px/1.3 var(--ck-font);color:var(--ck-ink-strong)}
.ck .ck-nextm small{display:block;font:450 12px/1.4 var(--ck-font);color:var(--ck-ink-5);margin-top:2px}
.ck .ck-btnrow{display:flex;gap:8px;margin-top:12px}
.ck .ck-btnrow .ck-btn{height:30px;padding:0 11px;border-radius:8px;font:525 12.5px/1 var(--ck-font)}
.ck .ck-btnrow .ck-btn--default{border-color:var(--ck-divider);color:var(--ck-ink-nav)}
.ck .ck-btnrow .ck-btn--primary{background:var(--ck-ink-strong);border-color:var(--ck-ink-strong)}
.ck .ck-nt{display:flex;align-items:center;gap:9px;margin-top:12px;padding:9px 10px;border-radius:9px;background:var(--ck-tint);font:500 12px/1.35 var(--ck-font);color:var(--ck-meet-ink)}
.ck .ck-nt small{display:block;font:450 12px/1.35 var(--ck-font);color:var(--ck-meet-soft)}
.ck .ck-nt .ck-toggle{width:28px;height:16px;background:var(--ck-blue-ink)}
.ck .ck-nt .ck-toggle i{width:12px;height:12px}
.ck .ck-ny{display:flex;gap:9px;padding:9px 0;border-top:1px solid var(--ck-faint);font:500 12.5px/1.35 var(--ck-font);color:var(--ck-ink)}
.ck .ck-sidecard h5 + .ck-ny{border-top:0;padding-top:0}
.ck .ck-ny small{display:block;font:450 11.5px/1.35 var(--ck-font);color:var(--ck-ink-5);margin-top:2px}
.ck .ck-ny .ck-logo{border-radius:7px}
.ck .ck-atable{overflow:hidden}
.ck .ck-arow{display:grid;grid-template-columns:200px 1fr 150px 118px 96px 92px;align-items:center;gap:12px;padding:0 16px;min-height:62px;border-bottom:1px solid var(--ck-faint);font:450 12.5px/1.35 var(--ck-font);color:var(--ck-ink-nav)}
.ck .ck-arow:last-child{border-bottom:0}
.ck .ck-arow--head{min-height:36px;height:36px;font:575 11px/1 var(--ck-font);color:var(--ck-ink-5);background:var(--ck-head-soft)}
.ck .ck-acell-id{display:flex;align-items:center;gap:10px;min-width:0}
.ck .ck-acell-id b{display:block;font:550 13px/1.2 var(--ck-font);color:var(--ck-ink-strong)}
.ck .ck-acell-id small{display:block;font:450 11.5px/1.2 var(--ck-font);color:var(--ck-ink-5)}
.ck .ck-acell-id .ck-av--square .ck-av-img{border-radius:9px}
.ck .ck-acell-task b{display:block;font:525 13px/1.3 var(--ck-font);color:var(--ck-ink-strong)}
.ck .ck-acell-task small{display:flex;align-items:center;gap:5px;font:450 11.5px/1.3 var(--ck-font);color:var(--ck-ink-5);margin-top:2px}
.ck .ck-acell-meta{display:flex;align-items:center;gap:6px;color:var(--ck-ink-6);font:450 12px/1.3 var(--ck-font)}
.ck .ck-acell-open{justify-self:end}
.ck .ck-acell-open .ck-btn--link{padding:0;font:525 12px/1 var(--ck-font);color:var(--ck-blue-ink);gap:3px;height:auto}
/* recorder (round-2 dark panel) */
.ck .ck-recpanel{background:var(--ck-rec-bg);color:var(--ck-rec-ink);border-radius:16px;box-shadow:var(--ck-rec-shadow);overflow:hidden}
.ck .ck-recpanel-h{display:flex;align-items:center;gap:10px;padding:14px 14px 10px}
.ck .ck-rec-dot{width:10px;height:10px;border-radius:5px;background:var(--ck-rec-red);box-shadow:0 0 0 4px var(--ck-rec-redring)}
.ck .ck-rec-time{display:block;font:600 15px/1 var(--ck-data);font-variant-numeric:tabular-nums;color:var(--ck-rec-ink)}
.ck .ck-recpanel-h small{display:block;font:500 12px/1.3 var(--ck-font);color:var(--ck-rec-2);margin-top:3px}
.ck .ck-recpanel-h .ck-iconbtn{width:30px;height:30px;border-radius:var(--ck-r-full)}
.ck .ck-recpanel-h .ck-iconbtn--dark{background:var(--ck-rec-glass);color:var(--ck-rec-3)}
.ck .ck-recpanel-h .ck-iconbtn--danger{background:var(--ck-rec-red)}
.ck .ck-wave{display:flex;align-items:center;gap:2px;height:28px;padding:0 14px}
.ck .ck-wave i{display:block;width:3px;border-radius:2px;background:var(--ck-rec-wave)}
.ck .ck-recpanel-tx{padding:8px 14px 4px;display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--ck-rec-line)}
.ck .ck-tx{display:flex;gap:9px;font:450 12.5px/1.45 var(--ck-font);color:var(--ck-rec-3)}
.ck .ck-tx b{flex:none;white-space:nowrap;font-weight:600;color:var(--ck-on-dark);margin-right:4px}
.ck .ck-tx--part{color:var(--ck-rec-4)}
.ck .ck-tx--part p::after{content:"";display:inline-block;width:6px;height:13px;background:var(--ck-rec-wave);margin-left:3px;vertical-align:-2px;border-radius:1px}
.ck .ck-recpanel-f{margin:10px;padding:10px;border-radius:11px;background:var(--ck-rec-glass);display:flex;gap:10px;align-items:center;font:500 12px/1.35 var(--ck-font);color:var(--ck-rec-ink)}
.ck .ck-recpanel-f small{display:block;color:var(--ck-rec-2);font-weight:450}
.ck .ck-recpanel-f .ck-stack{--ck-stack-edge:var(--ck-rec-bg)}
/* primitives added in v3.2 */
.ck .ck-menu-h--plain{text-transform:none;letter-spacing:0;font:575 11px/1.2 var(--ck-font);color:var(--ck-ink-5)}
.ck .ck-menu-h--plain small{font:525 11px/1.2 var(--ck-font);color:var(--ck-blue-ink)}
.ck .ck-recpanel-f .ck-btn--link{color:var(--ck-rec-link);font:525 12px/1 var(--ck-font);height:auto;padding:0;gap:3px}
.ck .ck-recpanel-p{display:flex;align-items:center;gap:8px;padding:0 14px 12px;font:450 11.5px/1 var(--ck-font);color:var(--ck-rec-2)}
.ck .ck-recpanel-p .ck-stack{--ck-stack-edge:var(--ck-rec-bg)}
.ck .ck-recpill{position:absolute;z-index:30;top:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 10px;border-radius:var(--ck-r-full);background:var(--ck-rec-bg);color:var(--ck-on-dark);font:525 12px/1 var(--ck-font);box-shadow:var(--ck-rec-pillshadow)}
.ck .ck-recpill .ck-rec-dot{width:8px;height:8px}
.ck .ck-recpill b{font:600 12px/1 var(--ck-data)}
.ck .ck-recpill span{color:var(--ck-rec-2)}
.ck .ck-btn--pill{height:34px;padding:0 13px 0 11px;gap:7px;border-radius:var(--ck-r-full);background:var(--ck-qa-bg);border:1px solid var(--ck-divider);font:500 13px/1 var(--ck-font);color:var(--ck-ink-nav);box-shadow:var(--ck-qa-shadow)}
.ck .ck-btn--pill .ck-ic{color:var(--ck-ink-6)}
.ck .ck-btn-dot{width:9px;height:9px;border-radius:5px;background:var(--ck-rose);box-shadow:0 0 0 3px var(--ck-rose-ring);margin:0 2px}
.ck .ck-tabs--seglg{gap:4px;padding:4px;border-radius:12px;background:var(--ck-tab-track);border:1px solid var(--ck-faint)}
.ck .ck-tabs--seglg .ck-tab{height:34px;padding:0 14px;gap:7px;border-radius:9px;font:500 13.5px/1 var(--ck-font);color:var(--ck-ink-6)}
.ck .ck-tabs--seglg .ck-tab--on{background:var(--ck-card);color:var(--ck-ink-strong);box-shadow:var(--ck-tab-shadow)}
.ck .ck-tabs--seglg .ck-tab-n{font:600 11px/1 var(--ck-data);color:var(--ck-ink-5);background:var(--ck-hover-soft);padding:3px 6px;border-radius:var(--ck-r-full)}
.ck .ck-tabs--seglg .ck-tab--on .ck-tab-n{background:var(--ck-tint);color:var(--ck-blue-deep)}
.ck .ck-pill--run{background:var(--ck-run-bg);color:var(--ck-run)}
.ck .ck-pill--wait{background:var(--ck-wait-bg);color:var(--ck-wait)}
.ck .ck-progress{display:block;height:4px;border-radius:2px;background:var(--ck-hover-soft);overflow:hidden;margin-top:6px;width:120px}
.ck .ck-progress i{display:block;height:100%;background:var(--ck-progress)}

/* auth showcase v3.3 */
.ck .ck-authshow{position:relative;width:560px;flex-shrink:0;height:100%;overflow:hidden;border-right:1px solid var(--ck-border)}
.ck .ck-authshow-bg{position:absolute;inset:0;background:var(--ck-show-bg)}
.ck .ck-authshow-bg::after{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--ck-show-dot) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:linear-gradient(180deg,transparent 0,var(--ck-mask) 30%,var(--ck-mask) 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,var(--ck-mask) 30%,var(--ck-mask) 80%,transparent 100%)}
.ck .ck-authshow-in{position:relative;height:100%;display:flex;flex-direction:column;padding:36px 40px 30px;gap:20px}
.ck .ck-authshow-copy{display:flex;flex-direction:column;gap:12px}
.ck .ck-authshow-copy h2{font:400 40px/1.04 var(--ck-serif);letter-spacing:-.02em;color:var(--ck-ink-strong)}
.ck .ck-authshow-copy h2 em{font-style:italic;color:var(--ck-blue-deep)}
.ck .ck-authshow-copy p{font:450 14px/1.55 var(--ck-font);color:var(--ck-ink-2)}
.ck .ck-authshow-offer{display:flex;align-items:baseline;gap:9px;padding-top:4px}
.ck .ck-authshow-offer b{font:400 28px/1 var(--ck-serif);color:var(--ck-ink-strong)}
.ck .ck-authshow-offer span{font:475 13.5px/1.3 var(--ck-font);color:var(--ck-ink-2)}
.ck .ck-show-stage{position:relative;width:480px;height:340px;flex-shrink:0}
.ck .ck-show-glow{position:absolute;left:70px;top:20px;width:340px;height:300px;background:var(--ck-show-glow)}
.ck .ck-show-svg{position:absolute;inset:0;overflow:visible}
.ck .ck-show-line{fill:none;stroke:var(--ck-show-line);stroke-width:1.25;stroke-dasharray:3 4;stroke-linecap:round}
.ck .ck-show-node{fill:var(--ck-blue)}
.ck .ck-show-tile{position:absolute}
.ck .ck-show-tile .ck-logo{box-shadow:inset 0 0 0 1px var(--ck-border),var(--ck-show-shadow);border-radius:10px}
.ck .ck-show-card{position:absolute}
.ck .ck-show-byo{position:absolute;left:258px;top:232px}
.ck .ck-agentcard{padding:8px 10px 9px;border-radius:var(--ck-r-xl);background:var(--ck-show-card);box-shadow:inset 0 0 0 1px var(--ck-show-edge),var(--ck-show-shadow);display:flex;flex-direction:column;gap:6px}
.ck .ck-agentcard-h{display:flex;align-items:center;gap:8px;min-width:0}
.ck .ck-agentcard-h b{display:block;letter-spacing:-.01em;font:600 12px/1.2 var(--ck-font);color:var(--ck-ink-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck .ck-agentcard-h small{display:block;font:475 10.5px/1.25 var(--ck-font);color:var(--ck-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck .ck-agentcard-live{width:7px;height:7px;border-radius:var(--ck-r-full);background:var(--ck-live);box-shadow:0 0 0 3px var(--ck-good-bg);flex-shrink:0}
.ck .ck-agentcard-s{display:flex;align-items:center;gap:6px;font:500 11px/1.25 var(--ck-font);color:var(--ck-blue-deep);min-width:0}
.ck .ck-agentcard-s span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck .ck-agentcard--byo .ck-agentcard-s{color:var(--ck-ink-2)}
.ck .ck-authshow-caps{margin-top:auto;display:flex;flex-direction:column;gap:9px}
.ck .ck-authshow-caps small{font:500 11.5px/1.2 var(--ck-font);color:var(--ck-ink-3)}
.ck .ck-authshow-caps .ck-chiprow{gap:4px;flex-wrap:nowrap}
.ck .ck-authshow-caps .ck-btn--pill{height:27px;padding:0 8px 0 7px;font-size:11px;gap:4px}
.ck .ck-authshow-badges{display:flex;flex-wrap:wrap;gap:16px;margin-top:4px;font:450 11.5px/1 var(--ck-font);color:var(--ck-ink-3)}
.ck .ck-authshow-badges span{display:inline-flex;align-items:center;gap:6px}

/* canvas v3.3 (KIT-REQUESTS) */
.ck .ck-stage-sheet{position:absolute;background:var(--ck-card);border-radius:var(--ck-r-md);box-shadow:var(--ck-shadow-pop);overflow:hidden;font:500 12px/1 var(--ck-data);color:var(--ck-sh-ink)}
.ck .ck-ss-bar{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--ck-sh-line)}
.ck .ck-ss-bar b{display:block;font:550 13px/1.2 var(--ck-font);color:var(--ck-ink)}
.ck .ck-ss-bar small{display:block;white-space:pre;font:450 11px/1.4 var(--ck-font);color:var(--ck-ink-3)}
.ck .ck-ss-fx{display:flex;align-items:center;gap:10px;height:30px;padding:0 10px;background:var(--ck-sh-bar);border-bottom:1px solid var(--ck-sh-line);font:450 12px/1 var(--ck-data);color:var(--ck-sh-ink)}
.ck .ck-ss-fx b{color:var(--ck-sh-fx);font-style:italic}
.ck .ck-ss-ref{width:44px;padding-right:8px;border-right:1px solid var(--ck-sh-line);color:var(--ck-sh-ink2)}
.ck .ck-ss-grid{display:grid}
.ck .ck-ss-grid > *{height:30px;display:flex;align-items:center;border-right:1px solid var(--ck-faint);border-bottom:1px solid var(--ck-faint);padding:0 8px;white-space:nowrap;position:relative}
.ck .ck-ss-corner,.ck .ck-ss-col,.ck .ck-ss-row{background:var(--ck-sh-bar);color:var(--ck-sh-hd);font:500 11px/1 var(--ck-data);font-style:normal;justify-content:center;border-color:var(--ck-sh-line)!important}
.ck .ck-ss-grid .ck-ss-col,.ck .ck-ss-grid .ck-ss-corner{height:22px}
.ck .ck-ss-th{font-weight:650;background:var(--ck-sh-th)}
.ck .ck-ss-num{justify-content:flex-end}
.ck .ck-ss-tot{font-weight:650}
.ck .ck-ss-pos{color:var(--ck-sh-fx)}
.ck .ck-ss-neg{color:var(--ck-sh-neg)}
.ck .ck-ss-sel{box-shadow:inset 0 0 0 2px var(--ck-cur,var(--ck-sh-selline));background:var(--ck-sh-sel);z-index:1}
.ck .ck-ss-who{position:absolute;right:-2px;top:-15px;height:15px;padding:0 5px;border-radius:3px 3px 3px 0;background:var(--ck-cur);color:var(--ck-on-dark);font:600 9.5px/15px var(--ck-font);font-style:normal}
.ck .ck-ss-tabs{display:flex;align-items:center;gap:4px;height:36px;padding:0 8px;background:var(--ck-sh-bar);border-top:1px solid var(--ck-sh-line)}
.ck .ck-ss-tab{height:26px;display:inline-flex;align-items:center;padding:0 12px;border-radius:var(--ck-r-sm);font:500 12px/1 var(--ck-font);color:var(--ck-ink-3)}
.ck .ck-ss-tab--on{background:var(--ck-card);color:var(--ck-sh-fx);box-shadow:var(--ck-shadow-card)}
.ck .ck-sd-nav{height:auto;display:flex;align-items:center;justify-content:space-between;padding:10px 14px}
.ck .ck-sd-nav b{font:800 12px/1 var(--ck-font);letter-spacing:.12em;color:var(--ck-fg-ink)}
.ck .ck-sd-nav span{white-space:pre;font:500 10px/1 var(--ck-font);color:var(--ck-ink-3)}
.ck .ck-sd-hero{height:auto;min-height:190px;margin:0 12px;padding:26px 28px;border-radius:var(--ck-r-md);background:var(--ck-fg-hero);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}
.ck .ck-sd-hero--sm{min-height:150px;padding:20px}
.ck .ck-sd-hero em{font:600 10px/1 var(--ck-font);letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:var(--ck-fg-ink)}
.ck .ck-sd-hero h3{font:700 30px/1.02 var(--ck-font);letter-spacing:-.03em;color:var(--ck-fg-ink)}
.ck .ck-sd-hero--sm h3{font-size:18px}
.ck .ck-sd-hero p{max-width:280px;font:450 12px/1.45 var(--ck-font);color:var(--ck-fg-ink)}
.ck .ck-sd-hero span{margin-top:6px;height:auto;width:auto;padding:8px 14px;border-radius:var(--ck-r-full);background:var(--ck-fg-ink);color:var(--ck-on-dark);font:600 11px/1 var(--ck-font)}
.ck .ck-sd-grid{padding:12px}
.ck .ck-sd-tile{display:flex;flex-direction:column;gap:3px}
.ck .ck-sd-tile i{height:96px;border-radius:var(--ck-r-sm);background:var(--ck-fg-t1)}
.ck .ck-sd-tile:nth-child(2) i{background:var(--ck-fg-t2)}.ck .ck-sd-tile:nth-child(3) i{background:var(--ck-fg-t3)}
.ck .ck-sd-tile b{font:600 11px/1.2 var(--ck-font);color:var(--ck-ink)}
.ck .ck-sd-tile small{font-size:10.5px}
.ck .ck-follow--by{box-shadow:none;pointer-events:none}
.ck .ck-follow-by{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 5px 0 6px;border-radius:var(--ck-r-full);background:var(--ck-dark-surface);color:var(--ck-on-dark);font:550 12px/1 var(--ck-font);box-shadow:var(--ck-shadow-pop)}
.ck .ck-follow-by .ck-stack{--ck-stack-edge:var(--ck-dark-surface)}
.ck .ck-canvas-foot{display:flex;align-items:center;gap:6px;height:40px;padding:0 10px 0 12px;border-top:1px solid var(--ck-faint);flex-shrink:0;background:var(--ck-card)}
.ck .ck-canvas-zoom{min-width:40px;text-align:center;font:550 12px/1 var(--ck-data);color:var(--ck-ink-2)}
.ck .ck-calltile-a{display:inline-flex;align-items:center;gap:4px;max-width:108px;padding:2px 6px;border-radius:var(--ck-r-full);background:var(--ck-dark-surface-2);color:var(--ck-on-dark-2);font:500 9.5px/1.2 var(--ck-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck .ck-calltile{height:96px}
.ck .ck-calltile--more{gap:2px;color:var(--ck-on-dark)}
.ck .ck-calltile--more b{font:600 20px/1 var(--ck-data)}
.ck .ck-calltile--more small{color:var(--ck-on-dark-2)}
.ck .ck-endcall .ck-chiprow{display:flex;gap:6px}
.ck .ck-cu-target{position:absolute;z-index:23;border-radius:2px;box-shadow:0 0 0 2px var(--ck-blue),0 0 0 6px var(--ck-ring)}
.ck .ck-cu-target-tag{position:absolute;left:-2px;top:-20px;height:18px;padding:0 6px;border-radius:3px 3px 3px 0;background:var(--ck-blue);color:var(--ck-on-dark);font:600 10px/18px var(--ck-font);white-space:nowrap}
.ck .ck-cu-typing{position:absolute;z-index:26;min-height:30px;display:flex;align-items:center;padding:0 8px;background:var(--ck-card);box-shadow:0 0 0 2px var(--ck-blue),var(--ck-shadow-pop);font:500 12px/1 var(--ck-data);color:var(--ck-ink)}

/* v3.3 agent/room/audit requests */
.ck .ck-artifact--fluid,.ck .ck-thread .ck-artifact{width:100%}
.ck .ck-artifact-p{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px 0}
.ck .ck-thread-strip{width:56px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 0;background:var(--ck-card);border-radius:var(--ck-r-xl);box-shadow:var(--ck-shadow-card);color:var(--ck-blue-deep)}
.ck .ck-thread-strip-t{writing-mode:vertical-rl;font:550 12px/1 var(--ck-font);color:var(--ck-ink-2)}
.ck .ck-thread-strip-av{display:flex;flex-direction:column;gap:4px;margin-top:auto}
.ck .ck-handoff-title{font:var(--ck-t-ui);color:var(--ck-ink-strong)}
.ck .ck-handoff-branch{display:flex;align-items:center;gap:6px;color:var(--ck-ink-3);font-size:12px}
.ck .ck-agentpane--inline{width:100%;border-left:0;border-radius:var(--ck-r-xl);box-shadow:inset 0 0 0 1px var(--ck-clay-line);overflow:hidden}
.ck .ck-agentpane-intro{font:var(--ck-t-body);color:var(--ck-ink-2)}
.ck .ck-checkitem--now{color:var(--ck-blue-deep);font-weight:550}
.ck .ck-diff-t{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 0}
.ck .ck-diff-t b{font:var(--ck-t-ui);color:var(--ck-ink-strong)}
.ck .ck-diff-t span{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--ck-ink-3)}
.ck .ck-diff-n{width:26px;font-style:normal;color:var(--ck-ink-4);text-align:right;padding-right:8px}
.ck .ck-diff-c{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--ck-faint);font-size:11.5px;color:var(--ck-ink-3)}
.ck .ck-agentpane-foot{margin-top:auto;display:flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-top:1px solid var(--ck-faint);font:var(--ck-t-meta);color:var(--ck-ink-3)}
.ck .ck-authswitch{font:475 13px/1.2 var(--ck-font);color:var(--ck-ink-5);text-align:center}
.ck .ck-authswitch .ck-btn--link{color:var(--ck-ink);text-decoration:underline;text-underline-offset:2px;height:auto}
.ck .ck-onb-foot{align-items:center;gap:12px}
.ck .ck-onb-hint{color:var(--ck-ink-4)}
.ck .ck-banner--ok{background:var(--ck-good-bg);color:var(--ck-good)}

/* auth showcase v3.4 (dark) */
.ck .ck-authshow2{position:relative;width:792px;flex-shrink:0;height:100%;overflow:hidden;border-radius:0 28px 28px 0;background:var(--ck-night-bg);color:var(--ck-night-ink)}
.ck .ck-authshow2-back{position:absolute;inset:0;overflow:hidden}
.ck .ck-authshow2-ui{position:absolute;left:-40px;top:-30px;transform:scale(.9);transform-origin:0 0;filter:blur(6px) saturate(.7) brightness(.6);opacity:.62}
.ck .ck-authshow2-veil{position:absolute;inset:0;background:var(--ck-night-veil)}
.ck .ck-authshow2-brand{position:absolute;left:44px;top:36px}
.ck .ck-authshow2-brand .ck-brand b{color:var(--ck-night-ink)}
.ck .ck-authshow2-brand .ck-logo--curator{box-shadow:0 0 0 1px var(--ck-night-ring)}
.ck .ck-orbit{position:absolute;left:0;top:40px;width:792px;height:600px}
.ck .ck-orbit-svg{position:absolute;inset:0;overflow:visible}
.ck .ck-orbit-ring{fill:none;stroke:var(--ck-night-ring);stroke-width:1}
.ck .ck-orbit-ring--out{stroke-dasharray:2 6}
.ck .ck-orbit-link{stroke:var(--ck-night-link);stroke-width:1.2;stroke-dasharray:3 4}
.ck .ck-orbit-spoke{stroke:var(--ck-night-line);stroke-width:1}
.ck .ck-orbit-core{position:absolute;border-radius:22px;box-shadow:var(--ck-mark-glow)}
.ck .ck-orbit-core .ck-logo--curator{border-radius:22px}
.ck .ck-orbit-agent{position:absolute;width:48px;display:flex;flex-direction:column;align-items:center;gap:6px}
.ck .ck-orbit-agent .ck-av-img{box-shadow:0 0 0 2px var(--ck-night-ring)}
.ck .ck-orbit-agent .ck-av--logo .ck-av-img{background:var(--ck-card)}
.ck .ck-orbit-agent small{white-space:nowrap;font:550 11px/1 var(--ck-font);color:var(--ck-night-ink-2)}
.ck .ck-orbit-tool{position:absolute}
.ck .ck-orbit-tool .ck-logo{border-radius:11px;box-shadow:0 0 0 1px var(--ck-night-ring),0 8px 20px -8px var(--ck-night)}
.ck .ck-authshow2-room{position:absolute;left:494px;top:410px;width:270px}
.ck .ck-miniroom{background:var(--ck-card);color:var(--ck-ink);border-radius:var(--ck-r-xl);box-shadow:var(--ck-shadow-dialog);overflow:hidden;padding-bottom:6px}
.ck .ck-miniroom-h{display:flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-bottom:1px solid var(--ck-faint);font:var(--ck-t-ui)}
.ck .ck-miniroom-h b{font-weight:600}
.ck .ck-miniroom .ck-msg{padding:6px 12px;gap:8px}
.ck .ck-miniroom .ck-msg .ck-av{width:24px!important;height:24px!important}
.ck .ck-miniroom .ck-msg-text{font-size:12.5px;line-height:1.4}
.ck .ck-miniroom .ck-meta b{font-size:12px}
.ck .ck-miniroom .ck-msg-extra{margin-top:5px}
.ck .ck-miniroom-chart{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--ck-r-md);background:var(--ck-sunken)}
.ck .ck-miniroom .ck-checkitem{font-size:12px}
.ck .ck-authshow2-copy{position:absolute;left:44px;right:44px;bottom:40px;display:flex;flex-direction:column;gap:12px}
.ck .ck-authshow2-copy h2{font:600 34px/1.1 var(--ck-font);letter-spacing:-.025em;color:var(--ck-night-ink);max-width:704px}
.ck .ck-authshow2-copy h2 span{color:var(--ck-blue-hi)}
.ck .ck-authshow2-copy p{max-width:600px;font:450 15px/1.55 var(--ck-font);color:var(--ck-night-ink-2)}
.ck .ck-authshow2-offer{font:475 14px/1.3 var(--ck-font);color:var(--ck-night-ink-2);padding-top:12px;border-top:1px solid var(--ck-night-line)}
.ck .ck-authshow2-offer b{font:600 22px/1 var(--ck-font);color:var(--ck-night-ink);margin-right:4px}
.ck .ck-authshow2-trust{display:flex;flex-wrap:wrap;gap:20px;font:450 12px/1 var(--ck-font);color:var(--ck-night-ink-3)}
.ck .ck-authshow2-trust span{display:inline-flex;align-items:center;gap:7px}
.ck .ck-lay-white{background:var(--ck-card)}
.ck .ck-lay-authcol{display:flex;flex-direction:column;align-items:center;gap:18px}

/* v3.4 requests */
.ck .ck-deliv-d{font:var(--ck-t-small);color:var(--ck-ink-2)}
.ck .ck-scopechip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 8px;border-radius:var(--ck-r-full);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border-control);font:var(--ck-t-ui);font-size:12px;color:var(--ck-ink-2)}
.ck .ck-scopechip--on{background:var(--ck-tint);box-shadow:inset 0 0 0 1px var(--ck-tint-line);color:var(--ck-blue-deep)}
.ck .ck-wslogo{display:inline-grid;place-items:center;flex-shrink:0;border-radius:24%;overflow:hidden;background:var(--ck-dark-surface);color:var(--ck-on-dark);font-weight:650;font-family:var(--ck-font)}
.ck .ck-wslogo img{width:100%;height:100%;object-fit:cover}
.ck .ck-reportpick{display:flex;flex-direction:column;gap:12px}
.ck .ck-reportpick-g{display:flex;flex-direction:column;gap:6px}
.ck .ck-reportpick-g small{font:var(--ck-t-label);text-transform:uppercase;letter-spacing:.03em}
.ck .ck-reportchip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px 0 8px;border-radius:var(--ck-r-full);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border-control);font:var(--ck-t-ui);font-size:12.5px;color:var(--ck-ink-2)}
.ck .ck-reportchip--on{background:var(--ck-ink);color:var(--ck-on-dark);box-shadow:none}
.ck .ck-reportchip-logos{display:flex}
.ck .ck-reportchip-logos .ck-logo + .ck-logo{margin-left:-4px}
.ck .ck-teamcard{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--ck-r-xl);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border),var(--ck-shadow-card)}
.ck .ck-teamcard-top{display:flex;align-items:flex-start;gap:10px}
.ck .ck-teamcard-top small{display:flex;align-items:center;gap:6px}
.ck .ck-teamcard-top b{display:block;font:var(--ck-t-h2);color:var(--ck-ink-strong);margin-top:4px}
.ck .ck-teamcard-top em{font:var(--ck-t-small);font-style:normal;color:var(--ck-ink-3)}
.ck .ck-teamcard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ck .ck-teamcard-stats div{padding:8px 10px;border-radius:var(--ck-r-md);background:var(--ck-sunken)}
.ck .ck-teamcard-stats b{display:block;font:600 16px/1.1 var(--ck-data);color:var(--ck-ink-strong)}
.ck .ck-teamcard-cap{margin-top:-4px}
.ck .ck-teamcard-sec{display:flex;flex-direction:column;gap:4px;padding-top:10px;border-top:1px solid var(--ck-faint);font:var(--ck-t-ui);color:var(--ck-ink)}
.ck .ck-teamcard-sec em,.ck .ck-teamcard-row em{font:var(--ck-t-meta);font-style:normal;color:var(--ck-ink-4)}
.ck .ck-teamcard-row{display:flex;align-items:center;gap:6px;font:var(--ck-t-small);color:var(--ck-ink-2)}
.ck .ck-shell.ck-shell--tall{height:auto;min-height:900px;padding:48px 0}

/* v3.5 */
.ck .ck-authshow2-label{display:block;font:475 12px/1.2 var(--ck-font);color:var(--ck-night-ink-3);margin-bottom:-4px}
.ck .ck-shell.ck-lay-center:has(> .ck-onb){align-items:flex-start;padding-top:56px}
.ck .ck-authback{display:flex;justify-content:center}
.ck .ck-authback .ck-btn--link{font:525 13px/1 var(--ck-font);color:var(--ck-ink-2);gap:6px;height:auto}

/* ============================================================ layout helpers (ck-lay-*: layout only, no visuals) */
.ck .ck-lay-split{padding:0;gap:0;width:1440px;height:900px}
.ck .ck-lay-center{flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.ck .ck-shell.ck-lay-center{width:1440px;height:900px;padding:0}
.ck .ck-lay-stack{display:flex;flex-direction:column;gap:10px}
.ck .ck-lay-row{flex:1;display:flex;min-width:0;gap:0}
.ck .ck-lay-row > .ck-pane{border-radius:var(--ck-r-xl) 0 0 var(--ck-r-xl)}
.ck .ck-lay-row > .ck-agentpane{border-radius:0 var(--ck-r-xl) var(--ck-r-xl) 0;box-shadow:var(--ck-shadow-card)}
.ck .ck-lay-settings{display:flex;height:100%;margin:-8px 0}
.ck .ck-lay-col{flex:1;min-width:0;display:flex;flex-direction:column}
.ck .ck-lay-pad{padding:20px 24px;gap:22px}
.ck .ck-libbar{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.ck .ck-lay-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ck .ck-lay-float{position:absolute;z-index:30}
.ck .ck-lay-homerow{flex:1;min-width:0;display:flex;gap:24px;padding:0 16px}
.ck .ck-lay-home{flex:1;min-width:0;max-width:900px;margin:0 auto;padding:36px 0 24px;display:flex;flex-direction:column;gap:16px}
.ck .ck-lay-side{width:300px;flex-shrink:0;padding-top:36px}
.ck .ck-lay-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ck .ck-hc .ck-menu-item{min-height:34px;padding:0 8px}

/* v3.6: type pills, bylines, rich previews, label offsets, call faces, calendar, rail rhythm */
.ck .ck-pill--kind{background:var(--ck-card);color:var(--ck-ink-2);box-shadow:inset 0 0 0 1px var(--ck-border)}
.ck .ck-meta-role{font:var(--ck-t-meta);color:var(--ck-ink-4);white-space:nowrap}
.ck .ck-prev--live{height:148px;padding:0;display:block;background:var(--ck-raised)}
.ck .ck-pv--deck{background:var(--ck-grad-brand)}
.ck .ck-pv-slide{position:absolute;left:14px;top:12px;right:14px;bottom:22px;display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:var(--ck-r-xs);background:var(--ck-card);box-shadow:var(--ck-fg-shadow)}
.ck .ck-pv-slide > small{font:600 8px/1 var(--ck-font);letter-spacing:.1em;text-transform:uppercase;color:var(--ck-ink-5)}
.ck .ck-pv-slide .ck-pv-h{margin-top:2px;color:var(--ck-ink-strong)}
.ck .ck-pv-deckkpis{display:flex;gap:14px;margin-top:auto}
.ck .ck-pv-deckkpis b{display:block;font:600 13px/1 var(--ck-data);color:var(--ck-ink-strong)}
.ck .ck-pv-deckkpis small{display:block;margin-top:3px;font:450 8px/1 var(--ck-font);color:var(--ck-ink-5)}
.ck .ck-pv-pager{position:absolute;right:14px;bottom:7px;font:500 8.5px/1 var(--ck-data);color:var(--ck-ink-4)}
.ck .ck-pv-grid .ck-pv-sel{position:relative;overflow:visible}
.ck .ck-pv-grid .ck-pv-tag{left:-14px;top:auto;bottom:calc(100% - 1px);z-index:2;font-style:normal;background:var(--ck-cur,var(--ck-chart-3));border-radius:var(--ck-r-xs) var(--ck-r-xs) var(--ck-r-xs) 0}
.ck .ck-pv-hero--sel{outline:1.5px solid var(--ck-fg-sel);outline-offset:0}
.ck .ck-pv-hero .ck-pv-agent{left:auto;right:-6px;top:100%;margin-top:1px;z-index:2}
.ck .ck-tagside--bl .ck-cursor-tag{left:auto;right:14px}
.ck .ck-tagside--tr .ck-cursor-tag{top:auto;bottom:14px}
.ck .ck-tagside--tl .ck-cursor-tag{left:auto;right:14px;top:auto;bottom:14px}
.ck .ck-tagside--bl .ck-cu-cap{left:auto;right:10px}
.ck .ck-tagside--tr .ck-cu-cap{top:auto;bottom:12px}
.ck .ck-tagside--tl .ck-cu-cap{left:auto;right:10px;top:auto;bottom:12px}
.ck .ck-sd-sel{position:relative;box-shadow:0 0 0 1.5px var(--ck-cur)}
.ck .ck-sd-sel > .ck-sel-tag{left:-1.5px;top:calc(100% + 1.5px);border-radius:0 0 var(--ck-r-xs) var(--ck-r-xs)}
.ck .ck-sd-nav b.ck-sd-brand{display:inline-flex;align-items:center;gap:6px;font:700 12px/1 var(--ck-font);letter-spacing:-.01em}
.ck .ck-sd-brand i{width:12px;height:12px;border-radius:var(--ck-r-full);background:var(--ck-fg-ink)}
.ck .ck-tl-ev,.ck .ck-tl-run{z-index:2}
.ck .ck-tl-now{z-index:1;pointer-events:none}
.ck .ck-calltile-face{display:block;flex-shrink:0}
.ck .ck-calltile-face .ck-av--round,.ck .ck-calltile-face .ck-av--square{overflow:hidden;border-radius:var(--ck-r-full)}
.ck .ck-calltile-face .ck-av--square{border-radius:28%}
.ck .ck-calltile-face .ck-av--round .ck-av-img,.ck .ck-calltile-face .ck-av--square .ck-av-img{transform:scale(1.45);transform-origin:50% 36%}
.ck .ck-calltile-n{max-width:108px;padding:0 6px;min-width:0}
.ck .ck-ell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck .ck-shell > .ck-rail{align-self:flex-start;height:884px}
.ck .ck-sd-hero > .ck-sel-tag{position:absolute;margin:0;width:auto;height:20px;padding:0 7px;background:var(--ck-cur);color:var(--ck-on-dark);font:550 11px/20px var(--ck-font)}
.ck .ck-shell.ck-lay-center.ck-shell--tall{height:auto;min-height:900px}
.ck .ck-selside--b .ck-sel-tag{top:auto;bottom:-20px;border-radius:0 0 var(--ck-r-xs) var(--ck-r-xs)}
.ck .ck-wslogo--20{width:20px;height:20px;font-size:8px;line-height:1}
.ck .ck-wslogo--24{width:24px;height:24px;font-size:10px;line-height:1}
.ck .ck-wslogo--28{width:28px;height:28px;font-size:12px;line-height:1}
.ck .ck-wslogo--32{width:32px;height:32px;font-size:13px;line-height:1}
.ck .ck-wslogo--36{width:36px;height:36px;font-size:15px;line-height:1}
.ck .ck-wslogo--40{width:40px;height:40px;font-size:17px;line-height:1}
.ck .ck-wslogo--48{width:48px;height:48px;font-size:20px;line-height:1}
.ck .ck-wslogo--56{width:56px;height:56px;font-size:24px;line-height:1}
.ck .ck-wslogo--64{width:64px;height:64px;font-size:27px;line-height:1}
.ck .ck-wslogo--80{width:80px;height:80px;font-size:34px;line-height:1}

/* v3.7: preview kinds + canvas zero state */
.ck .ck-pv--table{background:var(--ck-card)}
.ck .ck-pv-tbl{display:grid;font:500 9.5px/1 var(--ck-data);color:var(--ck-sh-ink)}
.ck .ck-pv-tbl--c2{grid-template-columns:1.4fr 1fr}.ck .ck-pv-tbl--c3{grid-template-columns:1.3fr 1fr 1fr}.ck .ck-pv-tbl--c4{grid-template-columns:1.3fr 1fr 1fr 1fr}.ck .ck-pv-tbl--c5{grid-template-columns:1.3fr 1fr 1fr 1fr 1fr}
.ck .ck-pv-tbl span{height:24px;display:flex;align-items:center;padding:0 8px;border-bottom:1px solid var(--ck-faint);border-right:1px solid var(--ck-faint);white-space:nowrap;overflow:hidden}
.ck .ck-pv-tbl .ck-pv-tbl-h{height:22px;background:var(--ck-sh-th);font-weight:650;color:var(--ck-ink-2)}
.ck .ck-pv-tbl .ck-pv-num{justify-content:flex-end}
.ck .ck-pv-pos{color:var(--ck-sh-fx)}.ck .ck-pv-neg{color:var(--ck-sh-neg)}
.ck .ck-pv-kpi b em{margin-left:5px;font:600 10px/1 var(--ck-data);font-style:normal;color:var(--ck-sh-fx)}
.ck .ck-pv-spark{position:absolute;left:10px;right:10px;bottom:8px;width:calc(100% - 20px);height:86px;overflow:visible}
.ck .ck-pv--kpi .ck-pv-spark{height:70px;top:auto}
.ck .ck-pv--chart svg.ck-pv-spark{top:auto;left:10px}
.ck .ck-pv--down .ck-series--pv{--ck-series:var(--ck-danger)}
.ck .ck-pv--down .ck-pv-kpi b em{color:var(--ck-sh-neg)}
.ck .ck-pv-bar{fill:var(--ck-chart-area)}
.ck .ck-pv-bar--top{fill:var(--ck-chart-pv)}
.ck .ck-pv--bars .ck-axis{font-size:7.5px;fill:var(--ck-ink-dots)}
.ck .ck-pv--notes p{font-size:9.5px;line-height:1.55}
.ck .ck-pv--pr{background:var(--ck-card);padding:12px 14px 0}
.ck .ck-pv-prh b{display:block;font:650 11px/1.2 var(--ck-font);color:var(--ck-ink-strong)}
.ck .ck-pv-prh span{display:block;margin-top:3px;font:500 9px/1 var(--ck-data);color:var(--ck-ink-5)}
.ck .ck-pv-prh em{font-style:normal;font-weight:650}
.ck .ck-pv-code{margin-top:8px;border-radius:var(--ck-r-xs);box-shadow:inset 0 0 0 1px var(--ck-faint);overflow:hidden;font:500 8.5px/1 var(--ck-mono);color:var(--ck-ink-2)}
.ck .ck-pv-code span{display:flex;gap:6px;height:16px;align-items:center;padding:0 6px;white-space:pre;overflow:hidden}
.ck .ck-pv-code i{width:6px;font-style:normal;color:var(--ck-ink-4)}
.ck .ck-pv-code .ck-pv-add{background:var(--ck-diff-add)}.ck .ck-pv-code .ck-pv-add i{color:var(--ck-sh-fx)}
.ck .ck-pv-code .ck-pv-del{background:var(--ck-diff-del)}.ck .ck-pv-code .ck-pv-del i{color:var(--ck-sh-neg)}
.ck .ck-pv-fnav{display:flex;align-items:center;gap:10px;height:18px;padding:0 8px;border-bottom:1px solid var(--ck-faint)}
.ck .ck-pv-fnav b{font:750 8.5px/1 var(--ck-font);color:var(--ck-fg-ink)}
.ck .ck-pv-fnav span{white-space:pre;font:500 7px/1 var(--ck-font);color:var(--ck-ink-4)}
.ck .ck-pv-fbody{display:flex;gap:10px;padding:10px 8px}
.ck .ck-pv-fbody b{display:block;font:700 13px/1.05 var(--ck-font);letter-spacing:-.02em;color:var(--ck-fg-ink)}
.ck .ck-pv-fbody small{display:block;margin-top:5px;font:450 7.5px/1.3 var(--ck-font);color:var(--ck-ink-3)}
.ck .ck-pv-fbody em{display:inline-block;margin-top:7px;padding:3px 6px;border-radius:var(--ck-r-xs);background:var(--ck-fg-ink);color:var(--ck-on-dark);font:600 7px/1 var(--ck-font);font-style:normal}
.ck .ck-pv-fimg{width:42%;height:84px;flex-shrink:0;border-radius:var(--ck-r-xs);background:var(--ck-fg-hero)}
.ck .ck-pv-fimg--2{background:var(--ck-grad-brand)}.ck .ck-pv-fimg--3{background:var(--ck-fg-t2)}.ck .ck-pv-fimg--4{background:var(--ck-fg-t3)}
.ck .ck-cs{display:flex;flex-direction:column;height:100%;border-radius:var(--ck-r-xl);background:var(--ck-grad-app);box-shadow:inset 0 0 0 1px var(--ck-faint);overflow:hidden}
.ck .ck-cs-bar{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-bottom:1px solid var(--ck-faint)}
.ck .ck-cs-bar > b{font:var(--ck-t-ui);color:var(--ck-ink-strong)}
.ck .ck-cs-body{flex:1;display:flex;flex-direction:column;align-items:center;padding-top:48px}
.ck .ck-cs-cluster{display:flex;margin-bottom:16px}
.ck .ck-cs-logo{display:grid;place-items:center;width:42px;height:42px;margin-left:-6px;border-radius:var(--ck-r-lg);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border),var(--ck-shadow-card)}
.ck .ck-cs-logo:nth-child(odd){transform:rotate(-6deg)}.ck .ck-cs-logo:nth-child(even){transform:translateY(-6px) rotate(5deg)}
.ck .ck-cs-body h2{font:var(--ck-t-display);color:var(--ck-ink-strong)}
.ck .ck-cs-body > p{margin-top:8px;font:var(--ck-t-body);color:var(--ck-ink-3)}
.ck .ck-cs-paste{width:680px;margin-top:24px}
.ck .ck-cs-paste .ck-input{height:56px;padding:0 8px 0 16px;border-radius:var(--ck-r-lg);box-shadow:var(--ck-shadow-composer)}
.ck .ck-cs-paste .ck-kbd{margin-left:auto}
.ck .ck-cs-works{display:flex;align-items:center;gap:6px;margin-top:12px}
.ck .ck-cs-works > small{margin-right:4px;font:var(--ck-t-meta);color:var(--ck-ink-4)}
.ck .ck-cs-opts{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:680px;margin-top:24px}
.ck .ck-cs-opt{display:flex;align-items:flex-start;gap:12px;padding:18px;border-radius:var(--ck-r-xl);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border),var(--ck-shadow-card)}
.ck .ck-cs-opt b{display:block;font:var(--ck-t-ui);color:var(--ck-ink-strong)}
.ck .ck-cs-opt small{display:block;margin-top:3px;font:var(--ck-t-small);color:var(--ck-ink-3)}
.ck .ck-cs-opt .ck-chiprow{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ck .ck-cs-invite{width:680px;margin-top:22px}
.ck .ck-cs-invite-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.ck .ck-cs-invite-h small{font:var(--ck-t-label);color:var(--ck-ink-3)}
.ck .ck-cs-invs{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.ck .ck-cs-inv{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px 0 5px;border-radius:var(--ck-r-full);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border);font:var(--ck-t-small);color:var(--ck-ink)}
.ck .ck-cs-inv > .ck-ic{color:var(--ck-ink-4)}
.ck .ck-cs-inv--on{background:var(--ck-tint);box-shadow:inset 0 0 0 1px var(--ck-tint-line);color:var(--ck-blue-deep)}
.ck .ck-cs-inv--on > .ck-ic{color:var(--ck-blue)}
.ck .ck-cs-sep{width:1px;height:22px;margin:0 4px;background:var(--ck-divider)}
.ck .ck-cs-note{display:flex;align-items:center;gap:8px;margin-top:12px;font:var(--ck-t-small);color:var(--ck-ink-3)}
.ck .ck-cs-recent{padding:0 32px 22px}
.ck .ck-cs-rcs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ck .ck-cs-rc{border-radius:var(--ck-r-lg);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border),var(--ck-shadow-card);overflow:hidden}
.ck .ck-cs-rc-prev{position:relative;height:92px;overflow:hidden;border-bottom:1px solid var(--ck-faint);background:var(--ck-raised)}
.ck .ck-cs-rc-m{display:flex;align-items:center;gap:8px;padding:9px 12px}
.ck .ck-cs-rc-m b{display:block;font:var(--ck-t-small);font-weight:550;color:var(--ck-ink-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck .ck-cs-rc-m small{display:block;font:var(--ck-t-meta);color:var(--ck-ink-4)}
.ck .ck-cs-rc-m .ck-grow{min-width:0}
.ck .ck-main > .ck-cs{flex:1;width:100%}
.ck .ck-pv--kpi .ck-pv-spark{height:48%}
/* ===== sheet chrome (moved from index.html so the sheet has no page CSS) ===== */
  .ck.ck-sheet{box-sizing:border-box;width:1600px;padding:40px 48px 80px;background:var(--ck-bg)}
  .ck .ck-sheet-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}
  .ck .ck-sheet-head h1{font:var(--ck-t-display)}
  .ck .ck-sheet-toc{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:40px}
  .ck .ck-sheet-toc div{background:var(--ck-card);border-radius:var(--ck-r-xl);box-shadow:inset 0 0 0 1px var(--ck-border);padding:14px 16px;font:var(--ck-t-small);color:var(--ck-ink-2)}
  .ck .ck-sheet-toc b{display:block;font:var(--ck-t-h3);color:var(--ck-ink);margin-bottom:6px}
  .ck .ck-sheet-layer{margin-top:56px}
  .ck .ck-sheet-layer > h2{font:var(--ck-t-h1);display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:2px solid var(--ck-ink);margin-bottom:20px}
  .ck .ck-sheet-layer > h2 small{font:var(--ck-t-small)}
  .ck .ck-sheet-item{background:var(--ck-card);border-radius:var(--ck-r-xl);box-shadow:inset 0 0 0 1px var(--ck-border);padding:18px 20px 20px;margin-bottom:14px}
  .ck .ck-sheet-item > h3{font:var(--ck-t-h3);display:flex;gap:10px;align-items:baseline;margin-bottom:14px}
  .ck .ck-sheet-item > h3 code{font:var(--ck-t-code);color:var(--ck-ink-3)}
  .ck .ck-sheet-row{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-start}
  .ck .ck-sheet-cell{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
  .ck .ck-sheet-cell > label{font:var(--ck-t-label);text-transform:uppercase;letter-spacing:.03em;color:var(--ck-ink-4)}
  .ck .ck-sheet-sw{width:120px;display:flex;flex-direction:column;gap:6px;font:var(--ck-t-meta)}
  .ck .ck-sheet-sw i{height:48px;border-radius:var(--ck-r-md);box-shadow:inset 0 0 0 1px var(--ck-border)}
  .ck .ck-sheet-sw code{font:var(--ck-t-code);font-size:10.5px;color:var(--ck-ink-3)}
  .ck .ck-sheet-icons{display:grid;grid-template-columns:repeat(12,1fr);gap:6px}
  .ck .ck-sheet-icons div{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-radius:var(--ck-r-md);background:var(--ck-sunken);font:var(--ck-t-meta);font-size:10px;color:var(--ck-ink-3)}
.ck .ck-sheet-frame{width:1440px;min-height:900px;border-radius:var(--ck-r-xl);overflow:hidden;box-shadow:var(--ck-shadow-pop);position:relative}
  .ck .ck-sheet-box{position:relative;background:var(--ck-bg);border-radius:var(--ck-r-lg);padding:12px}
  .ck .ck-sheet-box--canvas{background-color:var(--ck-raised);background-image:radial-gradient(var(--ck-divider) 1px,transparent 1px);background-size:20px 20px}
  .ck .ck-sheet-inline{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ck .ck-sheet-radius{display:block;width:44px;height:44px;background:var(--ck-tint);box-shadow:inset 0 0 0 1px var(--ck-tint-line)}
.ck .ck-sheet-shadow{display:block;width:64px;height:44px;border-radius:var(--ck-r-md);background:var(--ck-card)}
.ck .ck-sheet-card{background:var(--ck-card)}
.ck .ck-sheet-scale{transform:scale(.8);transform-origin:0 0}
.ck .ck-sheet-slot{position:absolute;border-radius:var(--ck-r-md);box-shadow:inset 0 0 0 1px var(--ck-border-strong);background:var(--ck-raised)}
.ck .ck-sheet-mark{position:absolute;width:0;height:0}
.ck .ck-sheet-mark::before,.ck .ck-sheet-mark::after{content:"";position:absolute;background:var(--ck-bad)}
.ck .ck-sheet-mark::before{left:-8px;top:0;width:16px;height:1px}
.ck .ck-sheet-mark::after{left:0;top:-8px;width:1px;height:16px}

/* ===== v3.8 kit A ===== */
/* 1 gradient: every app shell (rail + main) sits on the brand gradient */
.ck .ck-shell--app{background:var(--ck-grad-app)}
.ck .ck-shell--app > .ck-rail{background:transparent;--ck-stack-edge:var(--ck-card)}
/* 6 fit: vertical overflow scrolls (hidden bar) instead of clipping */
.ck .ck-pane-b:not(.ck-pane-b--app),.ck .ck-thread-b,.ck .pg-scroll,.ck .ck-pv--doc{overflow:hidden auto;scrollbar-width:none}
.ck .ck-pane-b::-webkit-scrollbar,.ck .ck-thread-b::-webkit-scrollbar,.ck .pg-scroll::-webkit-scrollbar,.ck .ck-pv--doc::-webkit-scrollbar{display:none}
.ck .ck-cmd > .ck-grow{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck .ck-endcall > .ck-grow{min-width:0}
.ck .ck-endcall > .ck-grow b,.ck .ck-endcall > .ck-grow small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck .ck-pv-th{text-overflow:ellipsis}
/* 3 overlays: the root is a 0x0 point on the target; glyph tip, tags and captions hang off it by tokens */
.ck .ck-cursor,.ck .ck-cu{width:0;height:0}
.ck .ck-cursor > .ck-ic{position:absolute;left:var(--ck-ov-tip);top:var(--ck-ov-tip)}
.ck .ck-cu > .ck-ic{position:absolute;left:var(--ck-ov-tip-agent);top:var(--ck-ov-tip-agent)}
.ck .ck-cursor-tag,.ck .ck-cu-cap{left:var(--ck-ov-tag-x);top:var(--ck-ov-tag-y)}
.ck .ck-tagside--bl .ck-cursor-tag,.ck .ck-tagside--tl .ck-cursor-tag,.ck .ck-tagside--bl .ck-cu-cap,.ck .ck-tagside--tl .ck-cu-cap{left:auto;right:var(--ck-ov-tag-x)}
.ck .ck-tagside--tr .ck-cursor-tag,.ck .ck-tagside--tl .ck-cursor-tag,.ck .ck-tagside--tr .ck-cu-cap,.ck .ck-tagside--tl .ck-cu-cap{top:auto;bottom:var(--ck-ov-tag-y)}
.ck .ck-cu-ring{left:-12px;top:-12px}
.ck .ck-cu-target{box-shadow:0 0 0 var(--ck-ov-ring) var(--ck-blue),0 0 0 var(--ck-ov-halo) var(--ck-ring)}
.ck .ck-pin{transform:translateY(calc(-1 * var(--ck-ov-pin)))}
.ck .ck-hover{position:absolute;z-index:30;width:280px;padding:12px;border-radius:var(--ck-r-lg);background:var(--ck-card);box-shadow:var(--ck-shadow-pop);display:flex;flex-direction:column;gap:10px}
.ck .ck-hover--below{margin-top:var(--ck-ov-gap)}
.ck .ck-hover--above{transform:translateY(calc(-100% - var(--ck-ov-gap)))}
.ck .ck-hover--right{margin-left:var(--ck-ov-gap)}
.ck .ck-hover::before{content:"";position:absolute;left:14px;top:calc(var(--ck-ov-caret) / -2);width:var(--ck-ov-caret);height:var(--ck-ov-caret);background:var(--ck-card);transform:rotate(45deg);border-radius:2px}
.ck .ck-hover--above::before{top:auto;bottom:calc(var(--ck-ov-caret) / -2)}
.ck .ck-hover--right::before{left:calc(var(--ck-ov-caret) / -2);top:14px}
.ck .ck-hover-h{display:flex;align-items:center;gap:10px}
.ck .ck-hover-h .ck-grow{min-width:0}
.ck .ck-hover-h b{display:block;font:var(--ck-t-ui);font-weight:600;color:var(--ck-ink)}
.ck .ck-hover-h small{display:block;font:var(--ck-t-meta);color:var(--ck-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck .ck-hover-b{font:var(--ck-t-small);color:var(--ck-ink-2)}
.ck .ck-hover-a{display:flex;gap:6px}
.ck .ck-embed{position:absolute;z-index:12;display:flex;flex-direction:column;border-radius:var(--ck-r-lg);background:var(--ck-card);box-shadow:0 0 0 var(--ck-ov-ring) var(--ck-blue),var(--ck-shadow-pop);overflow:hidden}
.ck .ck-embed-bar{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;flex-shrink:0;border-bottom:1px solid var(--ck-faint);background:var(--ck-sunken);font:var(--ck-t-meta);color:var(--ck-ink-2)}
.ck .ck-embed-bar b{flex:1;min-width:0;font:var(--ck-t-small);font-weight:600;color:var(--ck-ink)}
.ck .ck-embed-dots{display:flex;gap:4px}
.ck .ck-embed-dots i{width:8px;height:8px;border-radius:var(--ck-r-full);background:var(--ck-divider)}
.ck .ck-embed-url{flex:1;min-width:0;height:22px;line-height:22px;padding:0 8px;border-radius:var(--ck-r-sm);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border)}
.ck .ck-embed-b{flex:1;min-height:0;overflow:hidden auto;scrollbar-width:none;padding:12px;display:flex;flex-direction:column;gap:8px}
.ck .ck-embed-code{flex:1;min-height:0;overflow:hidden auto;scrollbar-width:none;padding:6px 0;font:var(--ck-t-code)}
.ck .ck-embed-ln{display:flex;gap:10px;padding:0 10px;line-height:20px;white-space:pre}
.ck .ck-embed-ln i{width:18px;flex-shrink:0;text-align:right;font-style:normal;color:var(--ck-ink-4)}
.ck .ck-embed-ln code{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ck .ck-embed-ln--add{background:var(--ck-good-bg)}
.ck .ck-embed-ln--del{background:var(--ck-bad-bg)}
/* 4 auth showcase: lighter veil, visible backdrop, glance room card clear of the orbit and the copy */
.ck .ck-authshow2-ui{filter:blur(3px) saturate(.9) brightness(.92);opacity:.9}
.ck .ck-authshow2-veil{background:linear-gradient(180deg,#0A0F1A26 0%,#0A0F1A40 40%,#0A0F1AB3 66%,#0A0F1AF2 100%)}
.ck .ck-authshow2-copy{right:56px}
.ck .ck-lay-split > .ck-lay-center{padding-left:40px}
.ck .ck-authshow2-room{left:566px;top:112px;width:204px}
.ck .ck-miniroom--glance{padding:0 0 10px}
.ck .ck-miniroom--glance .ck-miniroom-h{height:34px}
.ck .ck-miniroom-g{display:flex;align-items:center;padding:10px 12px 8px}
.ck .ck-miniroom-line{display:flex;align-items:center;gap:6px;padding:0 12px;font:500 12.5px/1.3 var(--ck-font);color:var(--ck-ink)}
.ck .ck-miniroom-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck .ck-miniroom--glance .ck-miniroom-chart{margin:8px 12px 0}
.ck .ck-miniroom-act{display:flex;align-items:center;gap:6px;padding:8px 12px 0;font:var(--ck-t-meta);color:var(--ck-ink-3)}
/* 5 team: the real app's colorful teammate card (165deg role tint to white, tinted strip over a 1px role grid) */
.ck .ck-teamcard{position:relative;gap:10px;padding:12px 14px 10px;background:linear-gradient(165deg,var(--tc-tint) 0%,var(--tc-mid) 46%,var(--ck-card) 100%);overflow:hidden;min-width:0}
.ck .ck-teamcard--purple{--tc-role:var(--ck-role-purple);--tc-tint:var(--ck-role-purple-tint);--tc-mid:var(--ck-role-purple-mid);--tc-strong:var(--ck-role-purple-strong);--tc-soft:var(--ck-role-purple-soft)}
.ck .ck-teamcard--blue{--tc-role:var(--ck-role-blue);--tc-tint:var(--ck-role-blue-tint);--tc-mid:var(--ck-role-blue-mid);--tc-strong:var(--ck-role-blue-strong);--tc-soft:var(--ck-role-blue-soft)}
.ck .ck-teamcard-strip{position:absolute;left:1px;right:1px;top:1px;height:89px;border-radius:var(--ck-r-xl) var(--ck-r-xl) 0 0;pointer-events:none;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--tc-role) 16%,transparent) 0 1px,transparent 1px 12px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--tc-role) 16%,transparent) 0 1px,transparent 1px 12px),linear-gradient(150deg,var(--tc-strong) 0%,var(--tc-soft) 70%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,var(--ck-mask) 55%,transparent 100%);mask-image:linear-gradient(180deg,var(--ck-mask) 55%,transparent 100%)}
.ck .ck-teamcard > *{position:relative}
.ck .ck-teamcard > .ck-teamcard-strip{position:absolute}
.ck .ck-teamcard-top{min-height:74px}
.ck .ck-teamcard-top .ck-grow{min-width:0}
.ck .ck-teamcard-top small{margin-top:6px;min-width:0;font:650 9.5px/1 var(--ck-font);letter-spacing:.05em;text-transform:uppercase;color:var(--ck-ink-2)}
.ck .ck-teamcard-top small > span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck .ck-teamcard-top b{font:700 20px/1.1 var(--ck-font);letter-spacing:-.02em;margin-top:6px}
.ck .ck-teamcard-top em{display:block;margin-top:2px}
.ck .ck-teamcard-top em i{font:600 15px/1 var(--ck-data);font-style:normal;color:var(--tc-role)}
.ck .ck-teamcard-stats{grid-template-columns:1fr 1fr;gap:0;border-radius:var(--ck-r-lg);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border),var(--ck-shadow-card)}
.ck .ck-teamcard-stats div{background:none;border-radius:0;padding:9px 11px}
.ck .ck-teamcard-stats div + div{box-shadow:inset 1px 0 0 var(--ck-faint)}
.ck .ck-teamcard-stats small{display:block;margin-top:3px;font:var(--ck-t-meta);color:var(--ck-ink-3)}
.ck .ck-teamcard-sec{gap:6px;padding-top:0;border-top:0}
.ck .ck-teamcard-sec h6{margin:0;font:650 9.5px/1 var(--ck-font);letter-spacing:.05em;text-transform:uppercase;color:var(--ck-ink-3)}
.ck .ck-teamcard-sec h6 span{margin-left:6px;font-weight:450;letter-spacing:0;text-transform:none;color:var(--ck-ink-4)}
.ck .ck-teamcard-row{height:30px;padding:0 10px;gap:8px;border-radius:var(--ck-r-md);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border),var(--ck-shadow-card);color:var(--ck-ink)}
.ck .ck-teamcard-row .ck-grow{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck .ck-teamcard-more{font:var(--ck-t-meta);color:var(--ck-ink-4)}
.ck .ck-teamcard-foot{display:flex;justify-content:flex-end}
.ck .ck-teamstats{display:grid;grid-template-columns:repeat(4,1fr);border-radius:var(--ck-r-lg);background:var(--ck-card);box-shadow:inset 0 0 0 1px var(--ck-border)}
.ck .ck-teamstats > div{padding:12px 14px}
.ck .ck-teamstats > div + div{box-shadow:inset 1px 0 0 var(--ck-faint)}
.ck .ck-teamstats b{font:650 20px/1.1 var(--ck-data);color:var(--ck-ink-strong)}
.ck .ck-teamstats b span{margin-left:4px;font:500 11px/1 var(--ck-font);color:var(--ck-ink-3)}
.ck .ck-teamstats .ck-teamstats--blue b,.ck .ck-teamstats .ck-teamstats--blue b span{color:var(--ck-blue)}
.ck .ck-teamstats .ck-teamstats--warn b,.ck .ck-teamstats .ck-teamstats--warn b span{color:var(--ck-warn)}
.ck .ck-teamstats small{display:block;margin-top:4px;font:var(--ck-t-meta);color:var(--ck-ink-3)}
.ck .ck-teamhead{display:flex;align-items:flex-start;gap:16px}
.ck .ck-teamhead h1{font:var(--ck-t-display);color:var(--ck-ink-strong)}
.ck .ck-teamhead p{margin-top:8px;font:var(--ck-t-body);color:var(--ck-ink-2)}
.ck .ck-hire{display:flex;flex-direction:column;gap:12px;padding:15px;border-radius:var(--ck-r-xl);background:var(--ck-card);border:1px solid var(--ck-border);box-shadow:0 2px 0 var(--ck-faint)}
.ck .ck-hire--on{border:1.5px solid var(--ck-blue)}
.ck .ck-hire-h{display:flex;align-items:flex-start;gap:10px}
.ck .ck-hire-h .ck-grow{min-width:0}
.ck .ck-hire-h b{display:block;font:600 15px/1.2 var(--ck-font);color:var(--ck-ink-strong)}
.ck .ck-hire-h small{display:block;margin-top:2px;font:var(--ck-t-small);color:var(--ck-ink-3)}
.ck .ck-hire-d{font:450 13.5px/1.45 var(--ck-font);color:var(--ck-ink)}
.ck .ck-hire-first{padding:10px 12px;border-radius:var(--ck-r-md);background:var(--ck-sunken);box-shadow:inset 0 0 0 1px var(--ck-faint)}
.ck .ck-hire-first small{display:block;margin-bottom:6px;font:650 9.5px/1 var(--ck-font);letter-spacing:.05em;text-transform:uppercase;color:var(--ck-ink-3)}
.ck .ck-hire-first b{font:600 13.5px/1.35 var(--ck-font);color:var(--ck-ink-strong)}
.ck .ck-hire-src{display:flex;gap:6px;padding-top:12px;border-top:1px solid var(--ck-faint)}
.ck .ck-hire--own{align-items:center;justify-content:center;text-align:center;min-height:250px;background:none;padding:16px;border:0;box-shadow:inset 0 0 0 1.5px var(--ck-border)}
.ck .ck-hire-ownic{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--ck-r-md);background:var(--ck-role-purple-tint);color:var(--ck-role-purple)}
.ck .ck-hire--own b{font:600 15px/1.2 var(--ck-font);color:var(--ck-ink-strong)}
.ck .ck-hire--own p{max-width:260px;font:var(--ck-t-small);color:var(--ck-ink-2)}
.ck .ck-jobhead{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 0 28px;text-align:center}
.ck .ck-jobhead small{font:650 10px/1 var(--ck-font);letter-spacing:.08em;text-transform:uppercase;color:var(--ck-ink-3)}
.ck .ck-jobhead h1{font:700 48px/1 var(--ck-font);letter-spacing:-.045em;color:var(--ck-ink-strong)}
.ck .ck-jobhead p{font:450 15px/1.4 var(--ck-font);color:var(--ck-ink-2)}
/* sheet specimens: one rule per token so every swatch value traces to tokens.css */
.ck .ck-sheet-sw i[data-sw="--ck-bad"]{background:var(--ck-bad)}
.ck .ck-sheet-sw i[data-sw="--ck-bad-bg"]{background:var(--ck-bad-bg)}
.ck .ck-sheet-sw i[data-sw="--ck-bg"]{background:var(--ck-bg)}
.ck .ck-sheet-sw i[data-sw="--ck-blue"]{background:var(--ck-blue)}
.ck .ck-sheet-sw i[data-sw="--ck-blue-deep"]{background:var(--ck-blue-deep)}
.ck .ck-sheet-sw i[data-sw="--ck-border"]{background:var(--ck-border)}
.ck .ck-sheet-sw i[data-sw="--ck-border-control"]{background:var(--ck-border-control)}
.ck .ck-sheet-sw i[data-sw="--ck-card"]{background:var(--ck-card)}
.ck .ck-sheet-sw i[data-sw="--ck-chart-1"]{background:var(--ck-chart-1)}
.ck .ck-sheet-sw i[data-sw="--ck-chart-2"]{background:var(--ck-chart-2)}
.ck .ck-sheet-sw i[data-sw="--ck-chart-3"]{background:var(--ck-chart-3)}
.ck .ck-sheet-sw i[data-sw="--ck-danger"]{background:var(--ck-danger)}
.ck .ck-sheet-sw i[data-sw="--ck-good"]{background:var(--ck-good)}
.ck .ck-sheet-sw i[data-sw="--ck-good-bg"]{background:var(--ck-good-bg)}
.ck .ck-sheet-sw i[data-sw="--ck-grad-app"]{background:var(--ck-grad-app)}
.ck .ck-sheet-sw i[data-sw="--ck-grad-cta"]{background:var(--ck-grad-cta)}
.ck .ck-sheet-sw i[data-sw="--ck-hover"]{background:var(--ck-hover)}
.ck .ck-sheet-sw i[data-sw="--ck-ink"]{background:var(--ck-ink)}
.ck .ck-sheet-sw i[data-sw="--ck-ink-2"]{background:var(--ck-ink-2)}
.ck .ck-sheet-sw i[data-sw="--ck-ink-3"]{background:var(--ck-ink-3)}
.ck .ck-sheet-sw i[data-sw="--ck-ink-4"]{background:var(--ck-ink-4)}
.ck .ck-sheet-sw i[data-sw="--ck-ink-strong"]{background:var(--ck-ink-strong)}
.ck .ck-sheet-sw i[data-sw="--ck-live"]{background:var(--ck-live)}
.ck .ck-sheet-sw i[data-sw="--ck-raised"]{background:var(--ck-raised)}
.ck .ck-sheet-sw i[data-sw="--ck-sunken"]{background:var(--ck-sunken)}
.ck .ck-sheet-sw i[data-sw="--ck-tint"]{background:var(--ck-tint)}
.ck .ck-sheet-sw i[data-sw="--ck-warn"]{background:var(--ck-warn)}
.ck .ck-sheet-sw i[data-sw="--ck-warn-bg"]{background:var(--ck-warn-bg)}
.ck .ck-sheet-type[data-tf="--ck-t-body"]{font:var(--ck-t-body)}
.ck .ck-sheet-type[data-tf="--ck-t-code"]{font:var(--ck-t-code)}
.ck .ck-sheet-type[data-tf="--ck-t-display"]{font:var(--ck-t-display)}
.ck .ck-sheet-type[data-tf="--ck-t-h1"]{font:var(--ck-t-h1)}
.ck .ck-sheet-type[data-tf="--ck-t-h2"]{font:var(--ck-t-h2)}
.ck .ck-sheet-type[data-tf="--ck-t-h3"]{font:var(--ck-t-h3)}
.ck .ck-sheet-type[data-tf="--ck-t-hero"]{font:var(--ck-t-hero)}
.ck .ck-sheet-type[data-tf="--ck-t-label"]{font:var(--ck-t-label)}
.ck .ck-sheet-type[data-tf="--ck-t-meta"]{font:var(--ck-t-meta)}
.ck .ck-sheet-type[data-tf="--ck-t-num"]{font:var(--ck-t-num)}
.ck .ck-sheet-type[data-tf="--ck-t-small"]{font:var(--ck-t-small)}
.ck .ck-sheet-type[data-tf="--ck-t-ui"]{font:var(--ck-t-ui)}
.ck .ck-sheet-radius[data-rr="--ck-r-2xl"]{border-radius:var(--ck-r-2xl)}
.ck .ck-sheet-radius[data-rr="--ck-r-full"]{border-radius:var(--ck-r-full)}
.ck .ck-sheet-radius[data-rr="--ck-r-lg"]{border-radius:var(--ck-r-lg)}
.ck .ck-sheet-radius[data-rr="--ck-r-md"]{border-radius:var(--ck-r-md)}
.ck .ck-sheet-radius[data-rr="--ck-r-sm"]{border-radius:var(--ck-r-sm)}
.ck .ck-sheet-radius[data-rr="--ck-r-xl"]{border-radius:var(--ck-r-xl)}
.ck .ck-sheet-radius[data-rr="--ck-r-xs"]{border-radius:var(--ck-r-xs)}
.ck .ck-sheet-shadow[data-sh="--ck-shadow-card"]{box-shadow:var(--ck-shadow-card)}
.ck .ck-sheet-shadow[data-sh="--ck-shadow-composer"]{box-shadow:var(--ck-shadow-composer)}
.ck .ck-sheet-shadow[data-sh="--ck-shadow-dialog"]{box-shadow:var(--ck-shadow-dialog)}
.ck .ck-sheet-shadow[data-sh="--ck-shadow-edge"]{box-shadow:var(--ck-shadow-edge)}
.ck .ck-sheet-shadow[data-sh="--ck-shadow-inset"]{box-shadow:var(--ck-shadow-inset)}
.ck .ck-sheet-shadow[data-sh="--ck-shadow-live"]{box-shadow:var(--ck-shadow-live)}
.ck .ck-sheet-shadow[data-sh="--ck-shadow-pop"]{box-shadow:var(--ck-shadow-pop)}
.ck .ck-sheet-shadow[data-sh="--ck-shadow-seg"]{box-shadow:var(--ck-shadow-seg)}
.ck .ck-endcall{flex-wrap:wrap;row-gap:8px}
.ck .ck-endcall > .ck-grow{min-width:160px}
.ck .ck-sheet-space{background:var(--ck-blue-hi)}
/* v3.8 fit: timeline run chips truncate instead of running under their status pill */
.ck .ck-tl-run > .ck-grow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ck .ck-tl-run > .ck-pill{flex-shrink:1;min-width:0;overflow:hidden}
/* v3.8 fit: a narrow room header drops the people/agents count pill before it can collide with the thread chip */
.ck .ck-hdr{container-type:inline-size}
@container (max-width:760px){.ck .ck-hdr-t h1 > .ck-pill{display:none}}
.ck .ck-teamcard--violet{--tc-role:var(--ck-role-violet);--tc-tint:var(--ck-role-violet-tint);--tc-mid:var(--ck-role-violet-mid);--tc-strong:var(--ck-role-violet-strong);--tc-soft:var(--ck-role-violet-soft)}
.ck .ck-teamcard--green{--tc-role:var(--ck-role-green);--tc-tint:var(--ck-role-green-tint);--tc-mid:var(--ck-role-green-mid);--tc-strong:var(--ck-role-green-strong);--tc-soft:var(--ck-role-green-soft)}
.ck .ck-teamcard--sky{--tc-role:var(--ck-role-sky);--tc-tint:var(--ck-role-sky-tint);--tc-mid:var(--ck-role-sky-mid);--tc-strong:var(--ck-role-sky-strong);--tc-soft:var(--ck-role-sky-soft)}
/* v3.8 fit: a run chip wraps its status pill under the text when the lane is narrow */
.ck .ck-tl-run{flex-wrap:wrap;row-gap:4px}
.ck .ck-tl-run > .ck-grow{flex:1 1 110px}
/* v3.8 canvas: the dot grid stays, the surfaces go translucent so the app gradient shows through */
.ck .ck-canvas{background:color-mix(in srgb,var(--ck-card) 18%,transparent)}
.ck .ck-canvas-stage{background-color:transparent}

/* v3.8 fit: a long role wraps beside the level pill instead of running under it */
.ck .ck-teamcard-top small{align-items:flex-start;line-height:1.3}
.ck .ck-teamcard-top small > span:first-child{white-space:normal;overflow:visible}
.ck .ck-teamcard--amber{--tc-role:var(--ck-role-amber);--tc-tint:var(--ck-role-amber-tint);--tc-mid:var(--ck-role-amber-mid);--tc-strong:var(--ck-role-amber-strong);--tc-soft:var(--ck-role-amber-soft)}
.ck .ck-home--stage{position:relative}
.ck .ck-home--stage > .ck-menu .ck-menu-item{min-height:34px;padding:0 8px}

/* KpiTile loading skeleton */
.ck .ck-kpi-skel{display:block;height:10px;border-radius:var(--ck-r-sm);background:var(--ck-muted);width:70%}
.ck .ck-kpi-skel--v{height:22px;width:45%}