/* kb.css — Wissensdatenbank (Artikel-Baum + Editor) inkl. Dark-Theme-
   Anpassung für Editor.js, das sein eigenes helles Default-CSS mitbringt.
   Gehört zu static/app_kb.js. */

#kbView .kb-layout{display:grid;grid-template-columns:280px 1fr;gap:18px;max-width:1240px;margin:0 auto;align-items:start;}
@media (max-width:900px){#kbView .kb-layout{grid-template-columns:1fr;}}
.kb-tree{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;}
.kb-tree-head{display:flex;margin-bottom:10px;}
.kb-tree-head button{width:100%;}
.kb-root-drop{border:1px dashed var(--line);border-radius:9px;padding:6px 9px;font-size:11.5px;
              color:var(--faint);text-align:center;margin-bottom:8px;}
.kb-root-drop.dragover{border-color:var(--accent);background:var(--accent-weak);color:var(--accent);}
.kb-node{border-radius:8px;}
.kb-node.dragover>.kb-row{border-color:var(--accent);background:var(--accent-weak);}
.kb-row{display:flex;align-items:center;gap:5px;padding:6px 7px;border-radius:8px;cursor:pointer;
       border:1px solid transparent;font-size:13px;}
.kb-row:hover{background:var(--bg);}
.kb-row.active{background:var(--accent-weak);color:var(--accent);font-weight:600;}
.kb-row .tgl{width:14px;flex:none;color:var(--faint);font-size:10px;text-align:center;cursor:pointer;}
.kb-row .ttl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kb-row .lockicon{margin-left:auto;color:var(--faint);font-size:10.5px;}
.kb-children{margin-left:16px;border-left:1px solid var(--line2);padding-left:4px;}
.kb-children.hide{display:none;}
.kb-empty-hint{color:var(--faint);font-style:italic;font-size:12px;padding:6px 7px;}

.kb-article{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;min-height:400px;}
.kb-breadcrumb{font-size:11.5px;color:var(--faint);margin-bottom:10px;font-family:var(--mono);}
.kb-breadcrumb span+span::before{content:" / ";}
.kb-article-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px;}
.kb-title-input{flex:1;min-width:200px;font-size:1.3rem;font-weight:700;background:none;border:none;
                box-shadow:none;padding:4px 2px;}
.kb-title-input:focus{outline:none;border-bottom:2px solid var(--accent);border-radius:0;}
.kb-title-input[disabled]{color:var(--text);opacity:1;}
.kb-article-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;}
.kb-article-actions select{width:auto;}
.kb-audit{font-size:11px;color:var(--faint);margin-top:16px;border-top:1px solid var(--line2);padding-top:10px;}
@media (max-width:520px){
  .kb-article{padding:14px;}
  .kb-title-input{font-size:1.05rem;}
}

/* Editor.js Dark-Theme-Anpassung (die Plugins injizieren ihr eigenes helles Default-CSS) */
#kbEditorHolder{margin-top:10px;}
#kbEditorHolder .codex-editor{color:var(--text);}
#kbEditorHolder .ce-block__content,#kbEditorHolder .ce-toolbar__content{max-width:100%;}
#kbEditorHolder .cdx-block,#kbEditorHolder .ce-paragraph,#kbEditorHolder .ce-header{color:var(--text);}
#kbEditorHolder .ce-paragraph[data-placeholder]:empty::before{color:var(--faint);}
#kbEditorHolder .ce-toolbar__plus,#kbEditorHolder .ce-toolbar__settings-btn{color:var(--muted);
  background:var(--panel);border:1px solid var(--line);}
#kbEditorHolder .ce-toolbar__plus:hover,#kbEditorHolder .ce-toolbar__settings-btn:hover{
  background:var(--accent-weak);color:var(--accent);}
#kbEditorHolder .ce-inline-toolbar,#kbEditorHolder .ce-conversion-toolbar,#kbEditorHolder .ce-settings,
#kbEditorHolder .ce-popover,#kbEditorHolder .ce-popover__container,#kbEditorHolder .ce-popover__items,
#kbEditorHolder .ce-popover__search{background:var(--panel);border-color:var(--line);color:var(--text);
  box-shadow:0 12px 30px rgba(0,0,0,.5);}
#kbEditorHolder .ce-popover-item{color:var(--text);}
#kbEditorHolder .ce-popover-item-icon{background:var(--bg);border-color:var(--line);}
#kbEditorHolder .ce-popover-item__title,#kbEditorHolder .ce-popover-item-icon svg{color:var(--text);fill:var(--text);}
#kbEditorHolder .ce-popover-item:hover,#kbEditorHolder .ce-popover-item--focused,
#kbEditorHolder .ce-popover-item--active{background:var(--accent-weak);}
#kbEditorHolder .ce-popover-item-separator__line{background:var(--line2);}
#kbEditorHolder .cdx-search-field{background:var(--bg);border-color:var(--line);}
#kbEditorHolder .cdx-search-field__icon svg{fill:var(--muted);}
#kbEditorHolder .cdx-search-field__input{color:var(--text);background:transparent;}
#kbEditorHolder .ce-inline-tool{color:var(--muted);}
#kbEditorHolder .ce-inline-tool:hover,#kbEditorHolder .ce-inline-tool--active{color:var(--accent);}
#kbEditorHolder .cdx-input{background:var(--bg);border:1px solid var(--line);color:var(--text);}
#kbEditorHolder .cdx-quote__text,#kbEditorHolder .cdx-quote__caption{background:var(--bg);}
#kbEditorHolder code,#kbEditorHolder .ce-code__textarea{background:var(--bg);color:var(--text);
  border:1px solid var(--line);}
#kbEditorHolder .tc-table,#kbEditorHolder .tc-row,#kbEditorHolder .tc-cell{border-color:var(--line);color:var(--text);}
#kbEditorHolder .tc-add-row,#kbEditorHolder .tc-add-column{color:var(--faint);}
#kbEditorHolder .cdx-checklist__item-checkbox{border-color:var(--line);}
#kbEditorHolder .cdx-search-field{background:var(--bg);}
#kbEditorHolder .ce-toolbar__actions{color:var(--muted);}