.knowledge-panel{max-width:1100px;margin:24px auto;padding:0 20px 30px}.knowledge-heading{display:flex;justify-content:space-between;gap:16px}.knowledge-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.knowledge-form label{display:flex;flex-direction:column;gap:4px}.knowledge-overview{display:flex;flex-wrap:wrap;gap:10px}.knowledge-stat{border:1px solid #d9dfe5;border-radius:5px;padding:8px 12px}.knowledge-danger{margin:18px 0}@media(max-width:700px){.knowledge-heading{display:block}.knowledge-form{grid-template-columns:1fr}}
.knowledge-form label.label-checkbox { display: inline-block; }
/* Preserve the legacy label visual while keeping these new controls keyboard accessible. */
.knowledge-form input[type=checkbox] { display: block; position: absolute; opacity: 0; width: 1px; height: 1px; }
.knowledge-form input[type=checkbox]:focus + label { outline: 2px solid #0173ac; outline-offset: 2px; }
.knowledge-panel button.btn { font-size:14px; }
#knowledgeGapPanel,#knowledgeMdPanel { border-top:1px solid #d9dfe5; padding:16px 0; margin-top:20px; }
#knowledgeGapFilter { max-width:320px; }
#knowledgeGapReview { border:1px solid #d9dfe5; padding:16px; margin-bottom:16px; }
#knowledgeGapActions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:16px 0; }
#knowledgeGapActions label { margin:0; }
#knowledgeGapHistory pre,.knowledge-md-preview { white-space:pre-wrap; overflow-wrap:anywhere; max-height:320px; overflow:auto; }
#knowledgeMdPanel label { display:block; margin-top:12px; }
#knowledgeMdPanel .form-control { max-width:100%; }
#knowledgeGapActions input[type=checkbox] { display:block; position:absolute; opacity:0; width:1px; height:1px; }
#knowledgeGapActions input[type=checkbox]:focus + label { outline:2px solid #0173ac; outline-offset:2px; }

.knowledge-md-confirm { margin:12px 0; }
.knowledge-md-confirm input[type=checkbox] { display:block; position:absolute; opacity:0; width:1px; height:1px; }
.knowledge-md-confirm input[type=checkbox]:focus + label { outline:2px solid #0173ac; outline-offset:2px; }

/* Content, review and technical import are independent workspaces, not nested Bootstrap tabs. */
.knowledge-panel [hidden]{display:none!important}
.knowledge-workspaces{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.knowledge-workspaces [aria-pressed=true]{border-color:#0173ac;background:#e7f3fa;color:#01466c}
.knowledge-steps{display:flex;flex-wrap:wrap;gap:12px 32px;padding-left:20px;color:#526575}
.knowledge-document-picker{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.knowledge-context{padding:12px 16px;background:#edf5fa;border-left:3px solid #0173ac;margin:12px 0;overflow-wrap:anywhere}
.knowledge-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
#knowledgeMdEditorPanel,.knowledge-preview-area,.knowledge-publication-actions{border:1px solid #d9dfe5;border-radius:6px;padding:16px;margin:16px 0}
.knowledge-panel summary{cursor:pointer;font-weight:600;padding:8px 0}
.knowledge-readable-preview{max-height:420px;overflow:auto;line-height:1.7;overflow-wrap:anywhere}
.knowledge-readable-preview p{white-space:pre-wrap}
.knowledge-import-options{grid-column:1/-1}
#knowledgeMdEditorForm button{margin-top:16px}
@media(max-width:700px){.knowledge-document-picker{grid-template-columns:1fr}.knowledge-workspaces button.btn{white-space:normal}}
