/* Baza wiedzy klienta (knowledge.js, od 5.4): lista artykułów i podgląd treści */
.kb-layout { display: grid; grid-template-columns: minmax(220px, 320px) 1fr; gap: 14px; align-items: start; }
.kb-list { display: flex; flex-direction: column; gap: 4px; max-height: 70vh; overflow-y: auto; }
.kb-item { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left; width: 100%; padding: 8px 10px;
  border: 1px solid transparent; border-radius: 10px; background: none; color: inherit; }
.kb-item:hover { background: var(--hover, rgba(127, 127, 127, .08)); }
.kb-item.active { border-color: var(--accent); background: var(--accent-soft, rgba(127, 127, 127, .12)); }
.kb-tags { color: var(--accent-text, var(--accent)); }
.kb-view { min-height: 240px; overflow-wrap: anywhere; }
.kb-body p { margin: 0 0 10px; white-space: pre-wrap; }
.kb-body .kb-h { margin: 14px 0 6px; }
.kb-body ul, .kb-body ol { margin: 0 0 10px; padding-left: 22px; }
.kb-code { white-space: pre-wrap; padding: 10px 12px; border-radius: 8px; background: var(--surface-2, rgba(127, 127, 127, .1)); margin: 0 0 10px; }
.kb-body code { padding: 0 4px; border-radius: 4px; background: var(--surface-2, rgba(127, 127, 127, .1)); }
.kb-quote { margin: 0 0 10px; padding: 6px 12px; border-left: 3px solid var(--warn, #d99a06); background: var(--surface-2, rgba(127, 127, 127, .08)); }
.kb-figure { margin: 0 0 12px; }
.kb-img { max-width: 100%; max-height: 640px; border-radius: 8px; border: 1px solid var(--border); }
.kb-editor { width: 100%; min-height: 320px; }
.kb-history { display: grid; grid-template-columns: 220px 1fr; gap: 12px; min-height: 320px; }
.kb-history-preview { overflow-y: auto; max-height: 60vh; }
@media (max-width: 760px) {
  .kb-layout, .kb-history { grid-template-columns: 1fr; }
  .kb-list { max-height: 40vh; }
}