.cl-kb{gap:var(--space-3);flex:1 1;overflow-x:auto;padding-bottom:var(--space-1)}.cl-kb,.cl-kb-col{display:flex;min-height:0}.cl-kb-col{flex:0 0 clamp(260px,22vw,320px);flex-direction:column;position:relative;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:background-color var(--dur-fast) var(--ease-standard)}.cl-kb-col[data-drop-target],.cl-kb-col[data-kb-target]{background:var(--hover-bg)}.cl-kb-col[data-drop-target]:after,.cl-kb-col[data-kb-target]:after{content:"";position:absolute;inset:0;border:2px solid var(--accent);border-radius:inherit;pointer-events:none}.cl-kb-col[data-fallback]{background:var(--surface-sunken);border-style:dashed}.cl-kb-col[data-fallback] .cl-kb-col__name{color:var(--text-muted)}.cl-kb-col__body{flex:1 1;min-height:0;overflow-y:auto;background:inherit}.cl-kb-col__head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:inherit;border-bottom:1px solid var(--border-subtle)}.cl-kb-col__head[data-colored]{box-shadow:inset 0 -2px 0 var(--kb-chapter-color)}.cl-kb-col__dot{flex-shrink:0;width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--kb-chapter-color)}.cl-kb-col__name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-ink)}.cl-kb-col__count{font-size:var(--text-xs);color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cl-kb-col__cards{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.cl-kb-col__empty{margin:0;padding:var(--space-4) var(--space-2);text-align:center;font-size:var(--text-xs);color:var(--text-muted)}.cl-kb-card{display:grid;grid-gap:var(--space-1);gap:var(--space-1);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-3);box-shadow:var(--shadow-xs);cursor:grab;transition:box-shadow var(--dur-fast) var(--ease-standard)}.cl-kb-card:hover{box-shadow:var(--shadow-sm)}.cl-kb-card:active{cursor:grabbing}.cl-kb-card[data-dragging]{opacity:.4;outline:1px dashed var(--border)}.cl-kb-card[aria-disabled=true]{cursor:default}.cl-kb-card[data-pending]{filter:saturate(.6);cursor:default}.cl-kb-card__row1{display:flex;align-items:center;gap:var(--space-2);min-width:0}.cl-kb-grip{border:0;background:none;padding:0 2px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);line-height:1;cursor:grab;flex-shrink:0}.cl-kb-grip:disabled{cursor:default;opacity:.4}.cl-kb-grip:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.cl-kb-grip[aria-pressed=true]{color:var(--accent)}.cl-kb-avatar{width:28px;height:28px;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;flex-shrink:0;background:var(--surface-flat)}.cl-kb-avatar--initials{display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--text-accent);background:var(--accent-tint);border:1px solid var(--accent-tint-border)}.cl-kb-card__name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-ink)}.cl-kb-card__time{font-size:var(--text-xs)}.cl-kb-card__msg,.cl-kb-card__time{color:var(--text-muted);white-space:nowrap}.cl-kb-card__msg{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-sm)}.cl-kb-card__foot{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.cl-kb-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--status-lost);flex-shrink:0}.cl-kb-dot[data-on]{background:var(--status-won)}.cl-kb-spin{width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--border);border-top-color:var(--accent);flex-shrink:0;animation:cl-kb-spin .8s linear infinite}@keyframes cl-kb-spin{to{transform:rotate(1turn)}}.cl-kb-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cl-conversation{display:flex;flex-direction:column;flex:1 1;min-height:0}