.pst-kn { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.pst-kn-row { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--dm-border, #e3e6f0); border-radius: 8px; background: var(--dm-surface, #fdfdfe); }
.pst-kn-ico { width: 34px; height: 34px; border-radius: 50%; background: var(--dm-surface-3, #e8f6fb); color: #00a3d3; display: flex; align-items: center; justify-content: center; flex: none; }
.pst-kn-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pst-kn-row .btn { font-size: 16px; flex: none; }
.pst-kn-btns { display: flex; gap: 6px; flex: none; flex-wrap: wrap; justify-content: flex-end; }
.pst-kn-btns .btn { display: inline-flex; align-items: center; gap: 6px; }
.pst-kn-row.pst-kn-added { border-color: var(--dm-green-border, var(--dm-border, #b7ebd3)); background: var(--dm-green-soft, var(--dm-surface-2, #f1fbf6)); }
.pst-kn-row.pst-kn-added .pst-kn-ico { background: #1cc88a; color: #fff; }
.pst-kn-badge { display: inline-block; margin-left: 8px; padding: 1px 10px; border-radius: 999px; border: 1px solid var(--dm-border-2, #d1d3e2); background: var(--dm-surface-2, #f8f9fc); font-weight: 700; vertical-align: middle; }
.pst-kn-badge-on { border-color: #1cc88a; background: #1cc88a; color: #fff; }
.pst-kn-preview { font-style: italic; line-height: 1.4; }
.ckp-title { font-weight: 800; color: var(--dm-text, #3a3b45); }
.ckp-muted { color: var(--dm-text-muted, #6e707e); }