.kb-page{gap:1rem;display:flex;flex-direction:column;flex:1;min-height:0}.kb-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}.kb-header-actions{display:flex;align-items:center;gap:10px}.kb-sync-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:.76rem;font-weight:500;border:1px solid var(--color-border)}.kb-sync-dot{width:7px;height:7px;border-radius:50%;background:var(--color-text-faint)}.kb-sync-indicator[data-state=synced]{color:var(--color-brand-mid);border-color:#3cbfa040}.kb-sync-indicator[data-state=synced] .kb-sync-dot{background:var(--color-brand-mid)}.kb-sync-indicator[data-state=stale]{color:var(--color-text-muted)}.kb-sync-indicator[data-state=error]{color:#b91c1c;border-color:#ef444438}.kb-sync-indicator[data-state=error] .kb-sync-dot{background:#ef4444}.kb-filter-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.kb-search{padding:7px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-alt);font-size:.85rem;min-width:220px}.kb-prio-pills{display:inline-flex;gap:6px;flex-wrap:wrap}.kb-pill{padding:5px 11px;border-radius:9999px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:.78rem;font-weight:500;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.kb-pill:hover{background:#0a16280a;color:var(--color-text)}.kb-pill.is-active{background:var(--color-brand-deep);color:#fff;border-color:var(--color-brand-deep)}.kb-board{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 16px;flex:1;min-height:400px}.kb-column{flex:0 0 300px;display:flex;flex-direction:column;min-height:0;border-radius:var(--radius-lg);padding:12px}.kb-column[data-state=backlog]{background:#0a16280a}.kb-column[data-state=todo]{background:#cffff14d}.kb-column[data-state=in-progress]{background:#21f4bd1a}.kb-column[data-state=in-review]{background:#3cbfa01a}.kb-column[data-state=done]{background:#1266501a}.kb-col-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px}.kb-col-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:9999px;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.kb-column[data-state=backlog] .kb-col-pill{background:#0a162814;color:var(--color-text-muted)}.kb-column[data-state=todo] .kb-col-pill{background:var(--color-brand-mint);color:var(--color-brand-deep)}.kb-column[data-state=in-progress] .kb-col-pill{background:#21f4bd4d;color:var(--color-brand-deep)}.kb-column[data-state=in-review] .kb-col-pill{background:#3cbfa038;color:var(--color-brand-deep)}.kb-column[data-state=done] .kb-col-pill{background:var(--color-brand-deep);color:#fff}.kb-col-count{font-family:var(--font-mono);opacity:.6}.kb-col-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:2px;min-height:40px}.kb-col-empty{padding:12px;color:var(--color-text-faint);font-style:italic;font-size:.82rem;text-align:center}.kb-card{background:var(--color-white);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 2px #0a16280a,0 8px 20px -16px #0a162840;cursor:default;transition:transform var(--t-fast),box-shadow var(--t-fast),border-color var(--t-fast);border:1px solid transparent}.kb-card:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0a16280f,0 12px 28px -12px #0a162840;border-color:#3cbfa040}.kb-card-prio{display:inline-flex;padding:3px 8px;border-radius:9999px;font-size:.64rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;align-self:flex-start}.kb-card-prio--low{background:#0a16280d;color:var(--color-text-muted)}.kb-card-prio--medium{background:#3cbfa024;color:var(--color-brand-deep)}.kb-card-prio--high{background:#ef44441f;color:#b91c1c}.kb-card-prio--urgent{background:#ef4444;color:#fff;font-weight:700}.kb-card-title{font-size:.92rem;font-weight:500;line-height:1.35;margin:0}.kb-card-note{font-size:.78rem;color:var(--color-text-muted);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kb-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--color-text-faint);gap:8px}.kb-card-assignee{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-card-paperclip-link{color:var(--color-text-faint);padding:2px;border-radius:4px;transition:color var(--t-fast);display:inline-flex}.kb-card-paperclip-link:hover{color:var(--color-brand-deep)}.kb-card.is-filtered-out{opacity:.25;pointer-events:none}.kb-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px}.kb-modal-backdrop{position:absolute;inset:0;background:#0a162866;backdrop-filter:blur(2px)}.kb-modal-card{position:relative;background:var(--color-white);border-radius:var(--radius-xl, 20px);box-shadow:0 24px 60px -20px #0a16284d;max-width:540px;width:100%;padding:24px;display:flex;flex-direction:column;gap:16px}.kb-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.kb-modal-title{font-family:var(--font-display);font-size:1.05rem;font-weight:500;margin:0;flex:1}.kb-modal-close{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--color-text-muted);font-size:1.2rem;cursor:pointer}.kb-modal-close:hover{background:#0a16280f;color:var(--color-text)}.kb-modal-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:.78rem;color:var(--color-text-muted)}.kb-modal-body{font-size:.88rem;line-height:1.6;max-height:340px;overflow-y:auto;color:var(--color-text)}.kb-modal-body pre{white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:.82rem;background:var(--color-bg-alt);padding:12px;border-radius:8px}.kb-modal-foot{display:flex;justify-content:flex-end}.empty-note{padding:1.5rem;border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);text-align:center;font-size:.9rem}@media(max-width:768px){.kb-header,.kb-filter-bar{flex-direction:column;align-items:stretch}.kb-search{min-width:0}.kb-prio-pills{overflow-x:auto;flex-wrap:nowrap;scroll-snap-type:x mandatory}.kb-pill{scroll-snap-align:start;flex:none}.kb-board{scroll-snap-type:x mandatory}.kb-column{flex-basis:calc(100vw - 40px);scroll-snap-align:start}.kb-modal-card{max-width:100%;margin:auto 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}}@media(prefers-reduced-motion:reduce){.kb-card,.kb-pill{transition:none}}