/* Extracted from team-knowledge.html style block 1 */
.kb-editorjs-holder{
position:relative;
min-height:420px;
width:100%;
border-radius:18px;
border:1px solid rgba(148,163,184,.18);
background:rgba(255,255,255,.82);
padding:18px 20px;
overflow:auto;
box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
/* Knowledge collaboration controls keep the existing toolbar and modal visual language. */
.kb-collab-toolbar-spacer{flex:1}
.kb-collab-toolbar-btn{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.kb-collab-toolbar-btn svg{width:14px;height:14px}
.kb-collab-count{min-width:17px;height:17px;padding:0 5px;border-radius:999px;align-items:center;justify-content:center;background:#7c3aed;color:#fff;font-size:10px;font-weight:800}
.kb-collab-lock-state{max-width:240px;padding:6px 10px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:11px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-collab-readonly{position:relative;pointer-events:none;opacity:.78}
.kb-collab-readonly:after{content:"只读";position:absolute;right:12px;top:10px;padding:4px 9px;border-radius:999px;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;font-size:11px;font-weight:800;z-index:3}
.kb-collab-modal-backdrop{position:fixed;inset:0;z-index:10040;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(15,23,42,.42);backdrop-filter:blur(4px)}
.kb-collab-modal{width:min(920px,96vw);max-height:min(780px,90vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(148,163,184,.28);border-radius:22px;background:#fff;box-shadow:0 26px 80px rgba(15,23,42,.24)}
.kb-collab-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px 16px;border-bottom:1px solid #eef2f7}
.kb-collab-modal-head h3{margin:0 0 5px;color:#0f172a;font-size:18px}.kb-collab-modal-head p{margin:0;color:#64748b;font-size:12px}
.kb-collab-modal-body{min-height:220px;overflow:auto;padding:18px 22px 22px}
.kb-collab-loading,.kb-collab-empty{display:grid;min-height:180px;place-items:center;color:#94a3b8;font-size:13px}
.kb-version-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;min-height:470px}
.kb-version-list{display:flex;flex-direction:column;gap:8px;overflow:auto;padding-right:4px}
.kb-version-item{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:13px;background:#fff;color:#334155;text-align:left;cursor:pointer}
.kb-version-item:hover,.kb-version-item.active{border-color:#c4b5fd;background:#f5f3ff}.kb-version-item strong{font-size:13px;color:#1e293b}.kb-version-item span,.kb-version-item small{font-size:11px;color:#64748b}
.kb-version-preview{min-width:0;padding:16px;border:1px solid #e5e7eb;border-radius:16px;background:#fbfcfe;overflow:auto}
.kb-version-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:13px;border-bottom:1px solid #e5e7eb}.kb-version-preview-head h4{margin:0 0 4px;font-size:17px}.kb-version-preview-head span{font-size:11px;color:#64748b}
.kb-version-content{margin:15px 0 0;white-space:pre-wrap;word-break:break-word;font:13px/1.75 ui-sans-serif,system-ui;color:#334155}
.kb-comment-compose{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #e5e7eb;border-radius:16px;background:#fbfcfe}.kb-comment-compose textarea{resize:vertical;min-height:78px}.kb-comment-compose>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.kb-comment-compose label{color:#64748b;font-size:12px}
.kb-comment-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.kb-comment{padding:14px 15px;border:1px solid #e5e7eb;border-radius:15px;background:#fff}.kb-comment.resolved{opacity:.62;background:#f8fafc}.kb-comment-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.kb-comment-head strong{font-size:13px}.kb-comment-head span,.kb-comment-anchor{color:#94a3b8;font-size:11px}.kb-comment-anchor{margin-top:7px}.kb-comment p{margin:9px 0;color:#334155;font-size:13px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.kb-comment-actions{display:flex;justify-content:flex-end;gap:12px}.kb-comment-actions button{border:0;background:none;color:#7c3aed;font-size:11px;font-weight:750;cursor:pointer}
@media(max-width:760px){.kb-collab-toolbar-btn span:not(.kb-collab-count){display:none}.kb-version-layout{grid-template-columns:1fr}.kb-version-list{max-height:190px}.kb-collab-lock-state{max-width:130px}}
.kb-editorjs-holder .codex-editor{
font-size:14px;
color:#111827;
}
.kb-editorjs-holder .ce-block__content,
.kb-editorjs-holder .ce-toolbar__content{
max-width:100%;
}
.kb-editorjs-holder .ce-paragraph{
line-height:1.85;
}
.kb-editorjs-holder .ce-toolbar__plus,
.kb-editorjs-holder .ce-toolbar__settings-btn{
color:#64748b;
}
/* Approved inline-work UI: block controls are visually compact with a forgiving hit area. */
.kb-editorjs-holder .codex-editor__redactor{padding-left:46px!important;padding-right:8px!important;}
.kb-editorjs-holder .ce-block{position:relative;border-radius:10px;transition:none;}
.kb-editorjs-holder .ce-block:hover{background:transparent;}
.kb-editorjs-holder .ce-toolbar__actions{
left:-48px!important;
gap:3px;
padding:5px 4px;
border-radius:12px;
opacity:.42;
transition:opacity .14s ease,background .14s ease,box-shadow .14s ease;
}
.kb-editorjs-holder .ce-block:hover .ce-toolbar__actions,
.kb-editorjs-holder .ce-toolbar__actions:hover,
.kb-editorjs-holder .ce-toolbar--opened .ce-toolbar__actions{
opacity:1;
background:transparent;
box-shadow:none;
}
.kb-editorjs-holder .ce-toolbar__plus,
.kb-editorjs-holder .ce-toolbar__settings-btn{
width:34px!important;
height:34px!important;
min-width:34px;
border-radius:10px!important;
display:grid!important;
place-items:center;
cursor:pointer;
}
.kb-editorjs-holder .ce-toolbar__plus:hover,
.kb-editorjs-holder .ce-toolbar__settings-btn:hover{
color:#6d28d9!important;
background:#f1edff!important;
}
.kb-editorjs-holder .ce-toolbar__plus svg,
.kb-editorjs-holder .ce-toolbar__settings-btn svg{width:20px!important;height:20px!important;}
.kb-editorjs-holder .ce-popover__item{min-height:42px;border-radius:10px;}
.kb-editorjs-holder .ce-popover__item-icon{width:30px;height:30px;border-radius:9px;}
.kb-editorjs-holder .ce-block--drop-target:before{
height:3px!important;
background:#6c5ce7!important;
box-shadow:0 0 0 3px rgba(108,92,231,.12);
}
.kb-inline-color-icon{font-weight:900;text-decoration:underline;text-decoration-color:#6d28d9;text-decoration-thickness:3px;text-underline-offset:3px;}
.kb-inline-color-icon.background{padding:1px 3px;border-radius:4px;background:#fef3c7;text-decoration:none;}
.kb-editorjs-holder .ce-popover,
.kb-editorjs-holder .ce-conversion-toolbar{
border-radius:16px;
border:1px solid rgba(148,163,184,.22);
box-shadow:0 18px 46px rgba(15,23,42,.14);
}
.kb-callout-block{
display:grid;
grid-template-columns:auto 1fr;
gap:10px;
align-items:flex-start;
border-radius:16px;
border:1px solid rgba(148,163,184,.22);
padding:12px 14px;
margin:4px 0;
background:linear-gradient(135deg,rgba(239,246,255,.88),rgba(255,255,255,.78));
}
.kb-callout-block.warn{
background:linear-gradient(135deg,rgba(255,247,237,.95),rgba(255,255,255,.82));
border-color:rgba(251,146,60,.28);
}
.kb-callout-block.star{
background:linear-gradient(135deg,rgba(250,245,255,.95),rgba(255,255,255,.82));
border-color:rgba(168,85,247,.26);
}
.kb-callout-icon{
width:28px;
height:28px;
border-radius:999px;
display:grid;
place-items:center;
background:rgba(255,255,255,.78);
box-shadow:0 8px 18px rgba(15,23,42,.08);
font-size:15px;
user-select:none;
}
.kb-callout-content{
min-height:28px;
outline:none;
line-height:1.8;
color:#334155;
font-size:14px;
padding-top:1px;
}
.kb-callout-select{
grid-column:1 / -1;
justify-self:flex-start;
border:1px solid rgba(148,163,184,.25);
border-radius:999px;
background:rgba(255,255,255,.82);
color:#64748b;
font-size:12px;
padding:4px 9px;
outline:none;
}
.kb-editorjs-tip{
margin-top:6px;
font-size:12px;
color:#94a3b8;
line-height:1.5;
}
/* ====== BATCH10A: 文档个人收藏 ====== */
.kb-favorite-section{margin:10px 0 12px;padding:10px;border-radius:18px;background:rgba(255,255,255,.58);border:1px solid rgba(226,232,240,.76);}
.kb-favorite-head{width:100%;border:0;background:transparent;padding:4px 2px 8px;display:flex;align-items:center;justify-content:space-between;color:#334155;font-size:12px;font-weight:950;cursor:pointer;}
.kb-favorite-head span{display:inline-flex;align-items:center;gap:7px;}
.kb-favorite-head em{font-style:normal;min-width:20px;text-align:center;border-radius:999px;padding:2px 7px;background:#fef3c7;color:#92400e;font-size:11px;font-weight:950;}
.kb-favorite-section.active{border-color:rgba(245,158,11,.45);box-shadow:0 10px 28px rgba(245,158,11,.10);}
.kb-favorite-list{display:grid;gap:4px;max-height:160px;overflow:auto;}
.kb-favorite-list::-webkit-scrollbar{width:0;}
.kb-favorite-list:hover::-webkit-scrollbar{width:5px;}
.kb-favorite-list:hover::-webkit-scrollbar-thumb{background:rgba(148,163,184,.46);border-radius:999px;}
.kb-favorite-doc{border:0;width:100%;background:transparent;border-radius:12px;padding:7px 8px;text-align:left;color:#475569;font-size:12px;line-height:1.35;font-weight:850;cursor:pointer;display:flex;align-items:center;gap:6px;}
.kb-favorite-doc:hover{background:#eff6ff;color:#2563eb;}
.kb-favorite-empty{padding:8px;color:#94a3b8;font-size:12px;line-height:1.5;}
.kb-doc-item{position:relative;}
.kb-doc-fav-btn{position:absolute;right:12px;top:12px;z-index:3;width:30px;height:30px;border-radius:999px;border:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.92);color:#94a3b8;font-size:17px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 22px rgba(15,23,42,.08);}
.kb-doc-fav-btn:hover{color:#f59e0b;border-color:rgba(245,158,11,.4);background:#fffbeb;}
.kb-doc-fav-btn.active{color:#f59e0b;border-color:rgba(245,158,11,.48);background:#fffbeb;}
.kb-editor-fav-btn{border:1px solid rgba(245,158,11,.38);background:#fffbeb;color:#92400e;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;margin-left:8px;}
.kb-editor-fav-btn:hover{background:#fef3c7;color:#78350f;}
/* Extracted from team-knowledge.html style block 2 id="kb-batch6c7a-style" */
.kb-field-error {
border-color: rgba(239,68,68,.78) !important;
box-shadow: 0 0 0 3px rgba(239,68,68,.10) !important;
background: rgba(254,242,242,.92) !important;
}
.kb-field-error-text {
margin-top: 6px;
color: #dc2626;
font-size: 12px;
font-weight: 850;
line-height: 1.55;
}
.kb-doc-empty-rich {
text-align: left;
line-height: 1.7;
}
.kb-empty-action-row {
display: flex;
gap: 8px;
align-items: center;
flex-wrap: wrap;
margin-top: 14px;
}
.kb-empty-action-row .kb-page-btn.kb-empty-primary {
background: linear-gradient(135deg,#7c3aed,#4f46e5);
color: #fff;
border-color: transparent;
box-shadow: 0 10px 24px rgba(79,70,229,.16);
}
/* Extracted from team-knowledge.html style block 3 id="kb-batch8a-style" */
.kb-link-multi-field {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
}
.kb-link-tag-list {
display: flex;
flex-wrap: wrap;
gap: 6px;
min-height: 28px;
align-items: center;
}
.kb-link-tag-empty {
color: #94a3b8;
font-size: 12px;
line-height: 1.6;
}
.kb-link-tag {
display: inline-flex;
align-items: center;
gap: 6px;
max-width: 100%;
padding: 5px 8px;
border-radius: 999px;
border: 1px solid rgba(124,58,237,.18);
background: rgba(124,58,237,.08);
color: #4c1d95;
font-size: 12px;
font-weight: 850;
line-height: 1.2;
}
.kb-link-tag span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.kb-link-tag button {
width: 18px;
height: 18px;
border: 0;
border-radius: 999px;
background: rgba(124,58,237,.12);
color: #6d28d9;
cursor: pointer;
display: grid;
place-items: center;
font-weight: 950;
line-height: 1;
}
.kb-link-tag button:hover {
background: rgba(220,38,38,.12);
color: #dc2626;
}
.kb-link-add-row {
display: grid;
grid-template-columns: minmax(0,1fr) auto;
gap: 8px;
align-items: center;
}
.kb-link-add-btn {
border: 1px solid rgba(124,58,237,.18);
background: #fff;
color: #6d28d9;
border-radius: 12px;
height: 34px;
padding: 0 12px;
font-size: 12px;
font-weight: 950;
cursor: pointer;
}
.kb-link-add-btn:hover {
background: rgba(124,58,237,.08);
}
/* Extracted from team-knowledge.html style block 4 id="kb-batch8b-style" */
.kb-project-task-doc-list {
margin-top: 10px;
max-height: 360px;
overflow: auto;
padding-right: 2px;
}
.kb-project-task-doc-list .kb-project-doc-card {
margin-bottom: 10px;
}
.kb-project-task-doc-empty {
border: 1px dashed rgba(148,163,184,.32);
border-radius: 16px;
padding: 14px;
background: rgba(248,250,252,.72);
color: #64748b;
font-size: 12px;
line-height: 1.7;
}
.kb-project-task-doc-empty strong {
display: block;
color: #334155;
font-size: 13px;
font-weight: 950;
margin-bottom: 4px;
}
/* Extracted from team-knowledge.html style block 5 id="kb-batch8c2-style" */
.kb-project-task-action.danger {
color: #dc2626;
border-color: rgba(220,38,38,.20);
background: rgba(254,242,242,.72);
}
.kb-project-task-action.danger:hover {
background: rgba(254,226,226,.95);
border-color: rgba(220,38,38,.34);
}
/* Extracted from team-knowledge.html style block 6 */
/* ====== BATCH1: 知识库三栏贴边 + 独立滚动布局 ====== */
/* 覆盖 .main 的默认 padding，让知识库页面贴边 */
body:has(.kb-notion-wrap) .main {
padding: 0 !important;
overflow: hidden !important;
display: flex;
flex-direction: column;
height: 100vh;
}
/* 覆盖 app-shell 让整体不出现外层滚动条 */
body:has(.kb-notion-wrap) .app-shell {
height: 100vh;
overflow: hidden;
}
/* 页面背景保持 */
body:has(.kb-notion-wrap){background:radial-gradient(circle at 16% -10%,rgba(219,234,254,.72),transparent 32%),radial-gradient(circle at 86% 4%,rgba(237,233,254,.58),transparent 30%),#f6f8fc;}
/* 顶部 Hero 区域固定 */
.kb-notion-wrap {
max-width: none;
padding: 0;
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
}
.kb-notion-hero {
flex-shrink: 0;
margin: 10px 10px 0 10px;
align-items: center;
background: linear-gradient(135deg,rgba(255,255,255,.88),rgba(248,250,252,.78));
backdrop-filter: blur(18px);
border: 1px solid rgba(226,232,240,.78);
box-shadow: 0 24px 70px rgba(30,41,59,.08);
border-radius: 18px;
}
.kb-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;}
.kb-stat-strip{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.kb-stat-strip span{display:inline-flex;align-items:baseline;gap:4px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(226,232,240,.82);font-size:12px;color:#64748b;font-weight:800;}
.kb-stat-strip b{font-size:15px;color:#0f172a;}
/* ====== BATCH8D: 顶部统一新建菜单 ====== */
.kb-new-menu-wrap{position:relative;display:inline-flex;}
.kb-new-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:10010;min-width:198px;padding:8px;border-radius:16px;background:rgba(255,255,255,.98);border:1px solid rgba(226,232,240,.92);box-shadow:0 22px 60px rgba(15,23,42,.18);backdrop-filter:blur(14px);display:none;}
.kb-new-menu.show{display:block;}
.kb-new-menu button{width:100%;border:0;background:transparent;border-radius:12px;padding:10px 11px;text-align:left;color:#334155;font-size:13px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;}
.kb-new-menu button:hover{background:#eff6ff;color:#2563eb;}
.kb-new-menu .kb-new-menu-muted{padding:7px 11px 5px;color:#94a3b8;font-size:11px;line-height:1.45;border-top:1px solid #eef2f7;margin-top:5px;}
/* 三栏容器：贴边 + 占满剩余高度 */
.kb-notion-layout {
grid-template-columns: 1fr 2fr 300px !important;
gap: 0 !important;
flex: 1;
min-height: 0 !important;
margin: 10px;
border-radius: 16px;
overflow: hidden;
border: 1px solid rgba(226,232,240,.6);
}
/* The approved editor screen becomes a focused canvas: app navigation + document only. */
body.kb-doc-focus .kb-notion-hero,
body.kb-doc-focus .kb-library-sidebar,
body.kb-doc-focus .kb-property-panel{display:none!important;}
body.kb-doc-focus .kb-notion-layout{grid-template-columns:minmax(0,1fr)!important;margin:10px;border-radius:18px;}
body.kb-doc-focus .kb-library-main{background:rgba(255,255,255,.96);padding:16px 28px 28px!important;}
body.kb-doc-focus #kbDocEditorView{width:min(1080px,100%);margin:0 auto;}
body.kb-doc-focus .kb-editor-save-floating{top:18px;right:24px;}
/* 三栏共用：独立滚动 + 去掉各自的圆角和外边框（由父容器统一） */
.kb-library-sidebar,
.kb-library-main,
.kb-property-panel {
border-radius: 0 !important;
border: none !important;
box-shadow: none !important;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
min-height: 0;
}
/* 滚动条：默认隐藏，悬停显示细滚动条 */
.kb-library-sidebar,
.kb-library-main,
.kb-property-panel {
scrollbar-width: thin;
scrollbar-color: transparent transparent;
}
.kb-library-sidebar:hover,
.kb-library-main:hover,
.kb-property-panel:hover {
scrollbar-color: rgba(148,163,184,.4) transparent;
}
.kb-library-sidebar::-webkit-scrollbar,
.kb-library-main::-webkit-scrollbar,
.kb-property-panel::-webkit-scrollbar {
width: 6px;
}
.kb-library-sidebar::-webkit-scrollbar-thumb,
.kb-library-main::-webkit-scrollbar-thumb,
.kb-property-panel::-webkit-scrollbar-thumb {
background: transparent;
border-radius: 99px;
}
.kb-library-sidebar:hover::-webkit-scrollbar-thumb,
.kb-library-main:hover::-webkit-scrollbar-thumb,
.kb-property-panel:hover::-webkit-scrollbar-thumb {
background: rgba(148,163,184,.4);
}
/* 左栏：浅灰/奶油底 */
.kb-library-sidebar {
background: rgba(248,250,252,.92);
border-right: 1px solid rgba(226,232,240,.7) !important;
padding: 14px;
display:flex;
flex-direction:column;
}
/* 中栏：纯白底 */
.kb-library-main {
background: rgba(255,255,255,.96);
padding: 14px 18px;
}
/* 右栏：浅灰/奶油底 */
.kb-property-panel {
background: rgba(248,250,252,.92);
border-left: 1px solid rgba(226,232,240,.7) !important;
padding: 14px;
}
/* 左侧品牌区 */
.kb-side-brand{display:flex;align-items:center;gap:10px;padding:4px 4px 14px;border-bottom:1px solid rgba(226,232,240,.8);margin-bottom:12px;}
.kb-side-brand>div:nth-child(2){min-width:0;flex:1}.kb-side-brand-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}.kb-side-brand-actions .kb-density-toggle{position:static;flex:0 0 auto}.kb-side-brand-actions .kb-density-toggle svg{width:16px;height:16px}
.kb-side-logo{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#60a5fa,#7c3aed);box-shadow:0 12px 24px rgba(99,102,241,.22);}
.kb-side-brand strong{display:block;color:#0f172a;font-size:14px;font-weight:950;letter-spacing:-.01em;}
.kb-side-brand span{display:block;color:#94a3b8;font-size:11px;margin-top:2px;}
.kb-side-search{height:38px;border-radius:14px;border:1px solid rgba(226,232,240,.9);background:rgba(248,250,252,.82);display:flex;align-items:center;gap:8px;padding:0 10px;margin-bottom:12px;color:#94a3b8;}
.kb-side-search input{border:none;outline:none;background:transparent;width:100%;font-size:13px;color:#0f172a;}
.kb-folder-actions{display:flex;align-items:center;gap:6px;}
.kb-folder-actions .kb-btn{width:36px;height:36px;padding:0;justify-content:center;}
/* 目录树行内操作 */
.kb-tree-row{position:relative;}
.kb-tree-row:hover .kb-tree-inline-actions{opacity:1;pointer-events:auto;}
.kb-tree-inline-actions{margin-left:auto;display:inline-flex;gap:4px;opacity:0;pointer-events:none;transition:.16s ease;}
.kb-tree-inline-actions button{border:0;background:rgba(255,255,255,.84);color:#64748b;border-radius:8px;width:24px;height:24px;display:grid;place-items:center;cursor:pointer;}
.kb-tree-inline-actions button:hover{color:#2563eb;background:#eff6ff;}
.kb-tree-inline-actions button.danger:hover{color:#dc2626;background:#fef2f2;}
/* 右键菜单 */
.kb-context-menu{position:fixed;z-index:99999;min-width:188px;padding:8px;border-radius:16px;background:rgba(255,255,255,.96);border:1px solid rgba(226,232,240,.92);box-shadow:0 24px 70px rgba(15,23,42,.18);backdrop-filter:blur(16px);}
.kb-context-menu button{width:100%;border:0;background:transparent;border-radius:11px;padding:9px 10px;text-align:left;color:#334155;font-size:13px;font-weight:850;cursor:pointer;display:flex;align-items:center;gap:8px;}
.kb-context-menu button:hover{background:#eff6ff;color:#2563eb;}
.kb-context-menu button.danger:hover{background:#fef2f2;color:#dc2626;}
.kb-context-menu .muted{padding:7px 10px;color:#94a3b8;font-size:11px;font-weight:800;border-top:1px solid #eef2f7;margin-top:4px;}
/* 快捷导航 */
.kb-project-overview-entry-wrap{
margin:0 0 12px;
}
.kb-project-overview-entry{
width:100%;
border:1px solid rgba(99,102,241,.14);
border-radius:16px;
background:linear-gradient(135deg,rgba(238,242,255,.96),rgba(240,249,255,.88));
color:#172554;
display:flex;
align-items:center;
gap:12px;
padding:12px 13px;
cursor:pointer;
text-align:left;
box-shadow:0 12px 28px rgba(59,130,246,.08);
transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;
}
.kb-project-overview-entry:hover{
transform:translateY(-1px);
border-color:rgba(99,102,241,.32);
box-shadow:0 16px 34px rgba(59,130,246,.13);
}
.kb-project-overview-entry.active{
border-color:rgba(124,58,237,.38);
background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(59,130,246,.12));
}
.kb-project-overview-entry-icon{
width:36px;
height:36px;
border-radius:13px;
display:inline-flex;
align-items:center;
justify-content:center;
color:#fff;
background:linear-gradient(135deg,#7c3aed,#2563eb);
box-shadow:0 10px 22px rgba(37,99,235,.22);
flex:0 0 auto;
}
.kb-project-overview-entry strong{
display:block;
font-size:14px;
font-weight:900;
color:#0f172a;
line-height:1.25;
}
.kb-project-overview-entry small{
display:block;
margin-top:2px;
color:#64748b;
font-size:12px;
font-weight:700;
}
.kb-quick-nav{display:grid;gap:6px;max-height:260px;margin-bottom:14px;overflow:hidden;opacity:1;transition:max-height .2s ease,opacity .15s ease,margin .2s ease;}
body.kb-sidebar-shortcuts-collapsed .kb-quick-nav{max-height:0;margin-bottom:0;opacity:0;pointer-events:none}
body.kb-sidebar-shortcuts-collapsed .kb-project-overview-entry-wrap,body.kb-sidebar-shortcuts-collapsed .kb-clean-contribution-entry-wrap{display:none!important}
.kb-quick-item{border:none;width:100%;height:36px;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 9px;background:transparent;color:#475569;cursor:pointer;font-weight:850;font-size:12px;text-align:left;}
.kb-quick-item:hover,.kb-quick-item.active{background:linear-gradient(135deg,rgba(239,246,255,.95),rgba(245,243,255,.9));color:#2563eb;}
.kb-quick-item span{flex:1;}
.kb-quick-item em{font-style:normal;font-size:10px;padding:1px 7px;border-radius:999px;background:rgba(148,163,184,.14);color:#64748b;}
/* 目录是左栏的主要工作区，紧跟快捷入口并独立滚动。 */
.kb-tree-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;padding:0 2px;color:#0f172a;}
.kb-tree-head strong{font-size:13px;font-weight:950;}
.kb-tree-root-drop{display:none;align-items:center;gap:7px;min-height:34px;margin:0 0 8px;padding:0 10px;border:1px dashed rgba(124,58,237,.34);border-radius:12px;background:rgba(245,243,255,.72);color:#6d28d9;font-size:11px;font-weight:900;cursor:copy;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease;}
.kb-tree-root-drop svg{width:14px;height:14px;flex:0 0 auto;}
body.kb-folder-drag-active .kb-tree-root-drop{display:flex;}
.kb-tree-root-drop.kb-folder-drop-over{border-color:#7c3aed;background:rgba(237,233,254,.98);box-shadow:inset 0 0 0 1px rgba(124,58,237,.2),0 10px 24px rgba(124,58,237,.12);transform:translateY(-1px);}
.kb-tree{flex:1 1 auto;min-height:160px;overflow-y:auto;overflow-x:hidden;margin-bottom:10px;}
.kb-tree:empty{min-height:0;margin-bottom:0;}
/* 中栏工具栏 */
.kb-library-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.kb-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.kb-filter-select{min-width:154px;height:38px!important;}
.kb-filter-input{width:150px!important;height:38px!important;}
/* 面包屑 */
.kb-folder-breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 2px 8px;color:#94a3b8;font-size:12px;font-weight:850;}
.kb-folder-breadcrumb button{border:0;background:rgba(255,255,255,.72);border:1px solid rgba(226,232,240,.9);border-radius:999px;padding:6px 10px;color:#475569;font-size:12px;font-weight:900;cursor:pointer;}
.kb-folder-breadcrumb button:hover{background:#eff6ff;color:#2563eb;border-color:#bfdbfe;}
.kb-folder-breadcrumb i{color:#cbd5e1;}
/* 视图提示 */
.kb-view-hint{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 4px 12px;color:#94a3b8;font-size:12px;font-weight:800;}
.kb-view-hint span{display:inline-flex;align-items:center;gap:6px;}
/* 子文件夹网格 */
.kb-subfolder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:14px;}
.kb-subfolder-card{border:1px solid rgba(226,232,240,.92);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,250,252,.88));padding:14px;cursor:pointer;min-height:118px;box-shadow:0 12px 30px rgba(15,23,42,.05);transition:.16s ease;position:relative;overflow:hidden;}
.kb-subfolder-card:before{content:'';position:absolute;left:0;right:0;top:0;height:42px;background:linear-gradient(135deg,rgba(219,234,254,.75),rgba(245,243,255,.55));pointer-events:none;}
.kb-subfolder-card:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.46);box-shadow:0 22px 44px rgba(59,130,246,.12);}
.kb-subfolder-icon{position:relative;width:36px;height:30px;border-radius:10px 10px 12px 12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);margin-bottom:14px;}
.kb-subfolder-icon:before{content:'';position:absolute;left:6px;top:-5px;width:18px;height:8px;border-radius:7px 7px 0 0;background:#bfdbfe;}
.kb-subfolder-name{position:relative;color:#0f172a;font-weight:950;font-size:14px;line-height:1.35;}
.kb-subfolder-meta{position:relative;margin-top:6px;color:#64748b;font-size:11px;line-height:1.55;}
/* 文档网格 */
.kb-doc-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-content:start;gap:12px;}
.kb-doc-item{min-height:158px;border-radius:24px;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,250,252,.86));border:1px solid rgba(226,232,240,.92);box-shadow:0 12px 34px rgba(15,23,42,.06);position:relative;overflow:hidden;}
.kb-doc-item:before{content:'';position:absolute;inset:0 0 auto 0;height:54px;background:linear-gradient(135deg,rgba(219,234,254,.72),rgba(245,243,255,.52));opacity:.7;pointer-events:none;}
.kb-doc-item:hover{border-color:rgba(96,165,250,.48);transform:translateY(-3px);box-shadow:0 24px 48px rgba(59,130,246,.14);}
.kb-doc-item.active{border-color:rgba(124,58,237,.5);box-shadow:0 22px 52px rgba(124,58,237,.16);}
.kb-doc-card-icon{position:relative;width:38px;height:32px;border-radius:10px 10px 12px 12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:inset 0 1px rgba(255,255,255,.75);margin-bottom:18px;}
.kb-doc-card-icon:before{content:'';position:absolute;left:6px;top:-5px;width:18px;height:8px;border-radius:7px 7px 0 0;background:#bfdbfe;}
.kb-doc-card-icon.sop{background:linear-gradient(135deg,#ede9fe,#ddd6fe);} .kb-doc-card-icon.sop:before{background:#ddd6fe;}
.kb-doc-item-title{position:relative;font-size:15px;line-height:1.35;font-weight:950;letter-spacing:-.02em;}
.kb-doc-item-meta{position:relative;margin-top:8px;font-size:11px;color:#64748b;line-height:1.6;}
.kb-doc-item-purpose{position:relative;margin-top:8px;font-size:12px;color:#64748b;line-height:1.55;}
.kb-doc-card-links{position:relative;display:flex;flex-wrap:wrap;gap:5px;margin-top:12px;}
.kb-mini-chip{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:999px;background:rgba(241,245,249,.9);color:#64748b;font-size:10px;font-weight:900;}
.kb-mini-chip.hot{background:#eff6ff;color:#2563eb;}
/* 右侧属性面板 */
.kb-property-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:2px 2px 12px;border-bottom:1px solid rgba(226,232,240,.85);}
.kb-property-kicker{font-size:10px;font-weight:950;letter-spacing:.12em;color:#60a5fa;margin-bottom:4px;}
.kb-property-head strong{font-size:16px;color:#0f172a;font-weight:950;}
.kb-title-input{height:46px;font-size:18px;font-weight:950;letter-spacing:-.02em;border-radius:16px;}
.kb-property-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.kb-input-like{height:38px!important;border-radius:12px!important;}
.kb-relation-card{border-color:rgba(191,219,254,.86)!important;background:linear-gradient(135deg,rgba(239,246,255,.88),rgba(255,255,255,.88))!important;}
.kb-stage8-grid{display:grid;grid-template-columns:1fr;gap:8px;}
.kb-stage8-chip{display:inline-flex;align-items:center;gap:6px;margin:3px 5px 3px 0;padding:5px 9px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb;font-size:12px;font-weight:850;}
.kb-links-preview{margin-top:10px;color:#64748b!important;line-height:1.7;}
.kb-editor-row{flex:1;min-height:0;}
.kb-editorjs-holder{min-height:360px;border-radius:20px;background:rgba(255,255,255,.92);font-size:15px;line-height:1.85;}
.kb-property-foot{position:sticky;bottom:0;background:rgba(248,250,252,.95);backdrop-filter:blur(12px);padding:10px 0;margin-top:auto;}
/* 响应式：中等屏 */
@media(max-width:1280px){
.kb-notion-layout{grid-template-columns:220px minmax(0,1fr) 280px!important}
.kb-property-grid{grid-template-columns:1fr;}
}
/* 响应式：小屏单栏 */
@media(max-width:1180px){
.kb-stage8-grid{grid-template-columns:1fr}
.kb-notion-layout{grid-template-columns:1fr!important;height:auto!important;}
.kb-library-sidebar,.kb-library-main,.kb-property-panel{height:auto;max-height:none;overflow:visible;}
.kb-library-sidebar{display:block;}
.kb-doc-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));}
.kb-library-toolbar{flex-direction:column}
.kb-toolbar-actions{justify-content:flex-start}
.kb-tree{max-height:260px;min-height:0;overflow:auto;}
.kb-doc-list{max-height:none}
.kb-editorjs-holder{min-height:320px;}
body:has(.kb-notion-wrap) .main{height:auto!important;overflow:auto!important;}
.kb-notion-wrap{height:auto;overflow:visible;}
.kb-notion-layout{margin:10px;border-radius:16px;overflow:visible;}
}
/* ====== BATCH2: 左侧目录栏交互优化 ====== */
/* 目录树行：舒适行高 36-40px */
.kb-tree-row {
display: flex;
align-items: center;
gap: 4px;
padding: 8px 8px;
min-height: 36px;
border-radius: 8px;
cursor: pointer;
font-size: 13px;
color: #334155;
font-weight: 500;
transition: background .12s ease, border-color .12s ease;
border-left: 3px solid transparent;
position: relative;
}
/* Hover 浅蓝底 */
.kb-tree-row:hover {
background: rgba(219,234,254,.45);
}
/* 选中态：紫色左边框 + 浅蓝底 */
.kb-tree-row.kb-tree-active {
background: rgba(219,234,254,.55);
border-left-color: #7c3aed;
color: #1e1b4b;
font-weight: 700;
}
/* 三角箭头：Mac Finder 风格 */
.kb-tree-toggle {
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
color: #94a3b8;
transition: transform .15s ease;
flex-shrink: 0;
}
.kb-tree-toggle.empty {
visibility: hidden;
}
/* 展开时箭头朝下 */
.kb-tree-node.open > .kb-tree-row > .kb-tree-toggle:not(.empty) {
transform: rotate(90deg);
}
/* 子节点容器：默认隐藏 */
.kb-tree-children {
display: none;
}
.kb-tree-node.open > .kb-tree-children {
display: block;
}
/* 文件夹名 */
.kb-tree-name {
flex: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1.3;
}
/* 文档数量徽章 */
.kb-tree-count {
font-size: 10px;
color: #64748b;
background: rgba(148,163,184,.14);
padding: 1px 6px;
border-radius: 99px;
flex-shrink: 0;
}
.kb-tree-bound-badge {
flex-shrink: 0;
font-size: 10px;
color: #6d28d9;
background: #f3e8ff;
border: 1px solid #ddd6fe;
padding: 1px 5px;
border-radius: 999px;
line-height: 1.35;
}
/* 行内操作按钮：常驻显示 */
.kb-tree-inline-actions {
margin-left: auto;
display: inline-flex;
gap: 2px;
opacity: 0.4;
transition: opacity .15s ease;
flex-shrink: 0;
}
.kb-tree-row:hover .kb-tree-inline-actions {
opacity: 1;
}
.kb-tree-inline-actions button {
border: 0;
background: rgba(255,255,255,.84);
color: #64748b;
border-radius: 6px;
width: 22px;
height: 22px;
display: grid;
place-items: center;
cursor: pointer;
padding: 0;
}
.kb-tree-inline-actions button:hover {
color: #2563eb;
background: #eff6ff;
}
.kb-tree-inline-actions button.danger:hover {
color: #dc2626;
background: #fef2f2;
}
/* 隐藏左侧搜索框的 CSS（已从 HTML 移除，这里做兜底） */
.kb-side-search { display: none !important; }
/* ====== BATCH3: 卡片网格 + 分页 + 面包屑 + 欢迎卡片 ====== */
/* 卡片网格强制 3 列 */
.kb-doc-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 14px !important;
align-content: start;
}
@media(max-width:1280px) {
.kb-doc-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media(max-width:900px) {
.kb-doc-grid { grid-template-columns: 1fr !important; }
}
/* 面包屑优化 */
.kb-folder-breadcrumb {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
margin: 8px 0 12px;
padding: 8px 12px;
background: rgba(248,250,252,.8);
border: 1px solid rgba(226,232,240,.6);
border-radius: 12px;
color: #64748b;
font-size: 12px;
font-weight: 700;
position: sticky;
top: 0;
z-index: 10;
backdrop-filter: blur(8px);
}
.kb-folder-breadcrumb button {
border: 0;
background: rgba(255,255,255,.8);
border: 1px solid rgba(226,232,240,.9);
border-radius: 8px;
padding: 4px 10px;
color: #475569;
font-size: 12px;
font-weight: 800;
cursor: pointer;
transition: all .12s ease;
}
.kb-folder-breadcrumb button:hover {
background: #eff6ff;
color: #2563eb;
border-color: #bfdbfe;
}
.kb-folder-breadcrumb button:last-of-type {
color: #1e1b4b;
font-weight: 900;
background: rgba(219,234,254,.5);
border-color: rgba(147,197,253,.5);
}
/* 分页控件 */
.kb-pagination {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 14px 4px 4px;
margin-top: 12px;
border-top: 1px solid rgba(226,232,240,.6);
}
.kb-page-info {
font-size: 12px;
color: #64748b;
font-weight: 700;
}
.kb-page-btns {
display: flex;
align-items: center;
gap: 4px;
}
.kb-page-btn {
height: 30px;
min-width: 30px;
padding: 0 8px;
border: 1px solid rgba(226,232,240,.8);
border-radius: 8px;
background: rgba(255,255,255,.8);
color: #475569;
font-size: 12px;
font-weight: 700;
cursor: pointer;
transition: all .12s ease;
}
.kb-page-btn:hover:not([disabled]) {
background: #eff6ff;
color: #2563eb;
border-color: #bfdbfe;
}
.kb-page-btn.active {
background: #7c3aed;
color: #fff;
border-color: #7c3aed;
}
.kb-page-btn[disabled] {
opacity: .4;
cursor: not-allowed;
}
/* 欢迎卡片 */
.kb-welcome-card {
text-align: center;
padding: 48px 24px;
color: #64748b;
}
.kb-welcome-icon {
width: 64px;
height: 64px;
margin: 0 auto 16px;
border-radius: 18px;
background: linear-gradient(135deg, rgba(219,234,254,.8), rgba(237,233,254,.6));
display: grid;
place-items: center;
color: #7c3aed;
}
.kb-welcome-card h3 {
font-size: 18px;
font-weight: 800;
color: #0f172a;
margin: 0 0 8px;
}
.kb-welcome-card p {
font-size: 13px;
line-height: 1.6;
margin: 0 0 6px;
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
.kb-welcome-tips {
margin-top: 16px !important;
padding: 10px 14px;
background: rgba(255,247,237,.8);
border: 1px solid rgba(251,191,36,.2);
border-radius: 12px;
font-size: 12px;
color: #92400e;
display: inline-block;
}
/* ====== BATCH4: 右侧属性面板改造 ====== */
.kb-prop-section {
padding: 12px 0;
border-bottom: 1px solid rgba(226,232,240,.5);
}
.kb-prop-section:last-child {
border-bottom: none;
}
.kb-prop-section-title {
font-size: 11px;
font-weight: 800;
color: #94a3b8;
text-transform: uppercase;
letter-spacing: .08em;
margin-bottom: 8px;
}
.kb-prop-row {
display: flex;
align-items: center;
gap: 8px;
min-height: 32px;
padding: 4px 0;
}
.kb-prop-label {
font-size: 12px;
color: #64748b;
font-weight: 700;
min-width: 56px;
flex-shrink: 0;
}
.kb-prop-value {
flex: 1;
min-width: 0;
}
.kb-prop-select {
height: 30px;
padding: 0 8px;
border: 1px solid rgba(226,232,240,.7);
border-radius: 8px;
background: rgba(255,255,255,.8);
font-size: 12px;
color: #0f172a;
font-weight: 600;
outline: none;
cursor: pointer;
width: 100%;
}
.kb-prop-select:focus {
border-color: #7c3aed;
box-shadow: 0 0 0 3px rgba(124,58,237,.08);
}
.kb-prop-input {
height: 30px;
padding: 0 8px;
border: 1px solid rgba(226,232,240,.7);
border-radius: 8px;
background: rgba(255,255,255,.8);
font-size: 12px;
color: #0f172a;
font-weight: 600;
outline: none;
width: 100%;
}
.kb-prop-input:focus {
border-color: #7c3aed;
box-shadow: 0 0 0 3px rgba(124,58,237,.08);
}
/* SOP Toggle */
.kb-prop-toggle {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
}
.kb-prop-toggle input {
display: none;
}
.kb-prop-toggle-track {
width: 32px;
height: 18px;
border-radius: 99px;
background: #e2e8f0;
position: relative;
transition: background .15s ease;
}
.kb-prop-toggle-track::after {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 14px;
height: 14px;
border-radius: 50%;
background: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,.15);
transition: transform .15s ease;
}
.kb-prop-toggle input:checked + .kb-prop-toggle-track {
background: #7c3aed;
}
.kb-prop-toggle input:checked + .kb-prop-toggle-track::after {
transform: translateX(14px);
}
.kb-prop-toggle-label {
font-size: 12px;
font-weight: 700;
color: #64748b;
}
/* Links preview v2 */
.kb-links-preview-v2 {
margin-top: 6px;
padding: 0 0 0 64px;
font-size: 11px;
color: #94a3b8;
line-height: 1.6;
}
/* Outline */
.kb-outline-list {
font-size: 12px;
color: #64748b;
line-height: 1.6;
}
.kb-outline-empty {
color: #94a3b8;
font-size: 12px;
}
.kb-outline-item {
position: relative;
display: flex;
align-items: center;
gap: 6px;
width: 100%;
min-height: 34px;
padding: 6px 8px 6px calc(8px + var(--kb-outline-indent, 0px));
border: 0;
border-radius: 8px;
background: transparent;
color: inherit;
text-align: left;
cursor: pointer;
transition: background .15s ease,color .15s ease,box-shadow .15s ease;
}
.kb-outline-item:hover {
background: rgba(237,233,254,.56);
}
.kb-outline-item:focus-visible {
outline: 2px solid rgba(109,93,251,.28);
outline-offset: 1px;
}
.kb-outline-item.is-active {
background: #f3f0ff;
box-shadow: inset 3px 0 0 #6d5dfb;
}
.kb-outline-item.is-active .kb-outline-level,
.kb-outline-item.is-active .kb-outline-text {
color: #6d5dfb;
}
.kb-outline-level {
font-size: 10px;
font-weight: 800;
color: #7c3aed;
background: rgba(124,58,237,.08);
padding: 1px 5px;
border-radius: 4px;
flex-shrink: 0;
}
.kb-outline-text {
flex: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 600;
color: #334155;
}
.kb-editorjs-holder .ce-header,
.kb-v3-visual .tiptap h1,
.kb-v3-visual .tiptap h2,
.kb-v3-visual .tiptap h3,
.kb-v3-visual .tiptap h4,
.kb-v3-visual .tiptap h5,
.kb-v3-visual .tiptap h6,
.kb-long-doc-heading {
scroll-margin-top: 104px;
}
.kb-outline-target-overlay {
position: absolute;
z-index: 5;
display: block;
pointer-events: none;
border-radius: 7px;
opacity: 0;
}
.kb-outline-target-overlay.is-flashing {
animation: kb-outline-target-pulse 1.6s ease-out;
}
@keyframes kb-outline-target-pulse {
0%,24% { opacity: 1; background-color: rgba(221,214,254,.56); box-shadow: 0 0 0 6px rgba(109,93,251,.13), inset 3px 0 0 #6d5dfb; }
100% { opacity: 0; background-color: transparent; box-shadow: 0 0 0 0 transparent, inset 3px 0 0 transparent; }
}
@media (prefers-reduced-motion: reduce) {
.kb-outline-target-overlay.is-flashing { animation: none; opacity: 1; background-color: rgba(221,214,254,.48); box-shadow: inset 3px 0 0 #6d5dfb; }
}
/* Meta info */
.kb-prop-meta {
font-size: 11px;
color: #94a3b8;
line-height: 1.7;
}
.kb-prop-meta-section {
padding-top: 8px;
}
/* ====== BATCH5: 编辑器增强 ====== */
/* 标题快捷工具栏 */
.kb-heading-toolbar {
position: relative;
display: flex;
align-items: center;
gap: 4px;
padding: 6px 8px;
margin-bottom: 10px;
background: rgba(248,250,252,.9);
border: 1px solid rgba(226,232,240,.6);
border-radius: 10px;
}
.kb-ht-btn {
height: 28px;
padding: 0 10px;
border: 1px solid transparent;
border-radius: 6px;
background: transparent;
font-size: 12px;
font-weight: 700;
color: #64748b;
cursor: pointer;
transition: all .12s ease;
}
.kb-ht-btn:hover {
background: rgba(219,234,254,.5);
color: #2563eb;
}
.kb-ht-btn.active {
background: #7c3aed;
color: #fff;
border-color: #7c3aed;
}
.kb-ht-btn[data-ht-level="1"] { font-size: 14px; }
.kb-ht-btn[data-ht-level="2"] { font-size: 13px; }
.kb-ht-btn[data-ht-level="3"] { font-size: 12px; }
.kb-toolbar-divider{width:1px;height:20px;background:#e2e8f0;margin:0 4px;}
.kb-ht-icon-btn{
position:relative;
width:32px;
height:30px;
border:1px solid transparent;
border-radius:8px;
background:transparent;
color:#334155;
cursor:pointer;
display:grid;
place-items:center;
}
.kb-ht-icon-btn:hover,.kb-ht-icon-btn[aria-expanded="true"]{background:#ede9fe;color:#6d28d9;border-color:#ddd6fe;}
.kb-color-letter{font-size:14px;font-weight:900;line-height:1;}
.kb-color-indicator{position:absolute;left:8px;right:8px;bottom:4px;height:3px;border-radius:3px;background:#6d28d9;}
.kb-color-highlight{font-size:14px;font-weight:900;line-height:21px;width:22px;height:21px;border-radius:5px;background:#fef3c7;}
.kb-color-popover{
position:absolute;
z-index:10030;
top:42px;
width:320px;
box-sizing:border-box;
padding:14px;
border:1px solid rgba(226,232,240,.96);
border-radius:16px;
background:rgba(255,255,255,.98);
box-shadow:0 22px 60px rgba(15,23,42,.18);
backdrop-filter:blur(16px);
}
.kb-color-popover[hidden]{display:none!important;}
.kb-color-popover-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.kb-color-popover-head strong{font-size:13px;color:#0f172a;}
.kb-color-popover-head button{border:0;background:transparent;color:#94a3b8;font-size:20px;cursor:pointer;}
.kb-color-popover section{margin-top:11px;}
.kb-color-popover section label,.kb-color-custom>label{display:block;margin-bottom:7px;color:#64748b;font-size:11px;font-weight:850;}
.kb-color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;}
.kb-color-swatch{width:26px;height:26px;border-radius:999px;border:2px solid #fff;background:var(--kb-swatch);box-shadow:0 0 0 1px rgba(148,163,184,.34);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;}
.kb-color-swatch:hover{transform:scale(1.12);box-shadow:0 0 0 2px #a78bfa;}
.kb-color-recent>span{display:block;color:#94a3b8;font-size:11px;padding:5px 0;}
.kb-color-custom{display:grid;grid-template-columns:34px 1fr auto;gap:7px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #eef2f7;}
.kb-color-custom>label{grid-column:1/-1;margin:0;}
.kb-color-custom input[type="color"]{width:34px;height:32px;padding:2px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;}
.kb-color-custom input[type="text"]{height:32px;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;padding:0 9px;color:#334155;font:12px ui-monospace,monospace;text-transform:uppercase;}
.kb-color-custom button{height:32px;border:0;border-radius:8px;background:#6c5ce7;color:#fff;padding:0 11px;font-size:12px;font-weight:800;cursor:pointer;}
/* ====== BATCH7: 项目详情任务 Tab + 新建任务 ====== */
.kb-project-detail-tabs {
display: flex;
gap: 6px;
margin: 18px 0 20px;
border-bottom: 1px solid rgba(226,232,240,.9);
}
.kb-project-detail-tab {
border: 0;
background: transparent;
color: #64748b;
font-size: 13px;
font-weight: 800;
padding: 10px 14px;
cursor: pointer;
border-bottom: 2px solid transparent;
transition: all .16s ease;
}
.kb-project-detail-tab:hover {
color: #6d28d9;
}
.kb-project-detail-tab.active {
color: #6d28d9;
border-bottom-color: #7c3aed;
}
.kb-project-pane {
display: none;
}
.kb-project-pane.active {
display: block;
}
.kb-project-tasks-toolbar {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
margin-bottom: 14px;
}
.kb-project-tasks-toolbar h3 {
margin: 0;
color: #1e293b;
font-size: 16px;
font-weight: 900;
}
.kb-project-tasks-toolbar p {
margin: 5px 0 0;
color: #94a3b8;
font-size: 12px;
line-height: 1.5;
}
.kb-project-task-list {
display: grid;
gap: 10px;
}
/* ====== BATCH8A: 项目文档 Tab 关联文档列表 ====== */
.kb-project-docs-toolbar {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
margin-bottom: 14px;
}
.kb-project-docs-toolbar h3 {
margin: 0;
color: #1e293b;
font-size: 17px;
font-weight: 950;
}
.kb-project-docs-toolbar p {
margin: 5px 0 0;
color: #94a3b8;
font-size: 12px;
line-height: 1.55;
}
.kb-project-doc-list {
display: grid;
gap: 10px;
}
.kb-project-doc-card {
border: 1px solid rgba(226,232,240,.9);
border-radius: 16px;
background: linear-gradient(180deg,#fff,#fbfdff);
padding: 14px;
cursor: pointer;
transition: all .16s ease;
box-shadow: 0 8px 22px rgba(15,23,42,.04);
}
.kb-project-doc-card:hover {
transform: translateY(-1px);
border-color: rgba(124,58,237,.28);
box-shadow: 0 14px 30px rgba(15,23,42,.08);
}
.kb-project-doc-card-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.kb-project-doc-card-main {
min-width: 0;
flex: 1;
}
.kb-project-doc-card-title {
color: #1e293b;
font-size: 14px;
font-weight: 950;
line-height: 1.45;
}
.kb-project-doc-card-meta {
margin-top: 6px;
color: #64748b;
font-size: 12px;
line-height: 1.5;
}
.kb-project-doc-card-purpose {
margin-top: 8px;
color: #64748b;
font-size: 12px;
line-height: 1.6;
}
.kb-project-doc-card-links {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 10px;
}
.kb-project-doc-card-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 7px;
flex-wrap: wrap;
}
.kb-project-doc-empty {
border: 1px dashed rgba(148,163,184,.52);
border-radius: 16px;
background: rgba(248,250,252,.82);
padding: 22px;
color: #64748b;
font-size: 13px;
line-height: 1.7;
text-align: center;
}
/* ====== BATCH8C: 选择已有文档关联项目弹窗 ====== */
.kb-link-existing-doc-modal-backdrop {
position: fixed;
inset: 0;
z-index: 10020;
display: none;
align-items: center;
justify-content: center;
padding: 24px;
background: rgba(15,23,42,.42);
backdrop-filter: blur(8px);
}
.kb-link-existing-doc-modal {
width: min(760px, 100%);
max-height: calc(100vh - 48px);
overflow: hidden;
border-radius: 24px;
background: #fff;
box-shadow: 0 30px 90px rgba(15,23,42,.24);
border: 1px solid rgba(226,232,240,.95);
display: flex;
flex-direction: column;
}
.kb-link-existing-doc-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
padding: 20px 22px 14px;
border-bottom: 1px solid rgba(226,232,240,.8);
}
.kb-link-existing-doc-head h3 {
margin: 0;
color: #0f172a;
font-size: 18px;
font-weight: 950;
}
.kb-link-existing-doc-head p {
margin: 6px 0 0;
color: #94a3b8;
font-size: 12px;
line-height: 1.55;
}
/* ====== BATCH8D: 关联已有文档搜索栏 ====== */
.kb-link-existing-doc-search{padding:12px 22px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.kb-link-existing-doc-search input{flex:1;min-width:190px;}
.kb-link-existing-doc-body {
padding: 16px 22px 18px;
overflow: auto;
display: grid;
gap: 10px;
}
.kb-link-existing-doc-body::-webkit-scrollbar {
width: 6px;
}
.kb-link-existing-doc-body::-webkit-scrollbar-thumb {
background: rgba(148,163,184,.45);
border-radius: 999px;
}
.kb-link-existing-doc-card {
border: 1px solid rgba(226,232,240,.9);
border-radius: 16px;
background: linear-gradient(180deg,#fff,#fbfdff);
padding: 13px;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.kb-link-existing-doc-main {
min-width: 0;
flex: 1;
}
.kb-link-existing-doc-title {
color: #1e293b;
font-size: 14px;
line-height: 1.45;
font-weight: 950;
}
.kb-link-existing-doc-meta {
margin-top: 5px;
color: #64748b;
font-size: 12px;
line-height: 1.5;
}
.kb-link-existing-doc-purpose {
margin-top: 7px;
color: #64748b;
font-size: 12px;
line-height: 1.6;
}
.kb-link-existing-doc-actions {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 7px;
}
.kb-link-existing-doc-empty {
border: 1px dashed rgba(148,163,184,.52);
border-radius: 16px;
background: rgba(248,250,252,.82);
padding: 22px;
color: #64748b;
font-size: 13px;
line-height: 1.7;
text-align: center;
}
.kb-link-existing-doc-foot {
padding: 12px 22px 18px;
border-top: 1px solid rgba(226,232,240,.8);
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.kb-link-existing-doc-hint {
color: #94a3b8;
font-size: 12px;
line-height: 1.5;
}
.kb-project-doc-empty strong {
display: block;
color: #334155;
font-size: 14px;
margin-bottom: 5px;
}
.kb-project-task-card {
border: 1px solid rgba(226,232,240,.9);
border-radius: 14px;
background: linear-gradient(180deg,#fff,#fbfdff);
padding: 14px;
box-shadow: 0 8px 22px rgba(15,23,42,.04);
}
.kb-project-task-card-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.kb-project-task-title {
color: #1e293b;
font-size: 14px;
font-weight: 900;
line-height: 1.45;
}
.kb-project-task-desc {
margin-top: 6px;
color: #64748b;
font-size: 12px;
line-height: 1.55;
}
.kb-project-task-meta {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-top: 11px;
}
.kb-project-task-chip {
display: inline-flex;
align-items: center;
gap: 4px;
border-radius: 999px;
padding: 4px 8px;
background: #f8fafc;
border: 1px solid rgba(226,232,240,.9);
color: #64748b;
font-size: 11px;
font-weight: 800;
}
.kb-project-task-chip.status-pending {
background: rgba(148,163,184,.10);
color: #64748b;
}
.kb-project-task-chip.status-in_progress {
background: rgba(59,130,246,.10);
color: #2563eb;
}
.kb-project-task-chip.status-completed {
background: rgba(16,185,129,.10);
color: #059669;
}
.kb-project-task-chip.status-verified {
background: rgba(124,58,237,.10);
color: #6d28d9;
}
.kb-project-task-chip.status-blocked {
background: rgba(239,68,68,.10);
color: #dc2626;
}
/* ====== BATCH7C: 任务编辑与有限状态流转 ====== */
.kb-project-task-main {
min-width: 0;
flex: 1;
}
.kb-project-task-head-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 7px;
flex-wrap: wrap;
min-width: 180px;
}
.kb-project-task-action {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(203,213,225,.95);
border-radius: 999px;
background: #fff;
color: #475569;
font-size: 11px;
font-weight: 900;
line-height: 1;
padding: 7px 10px;
cursor: pointer;
transition: all .16s ease;
}
.kb-project-task-action:hover {
transform: translateY(-1px);
box-shadow: 0 8px 18px rgba(15,23,42,.08);
border-color: rgba(124,58,237,.35);
color: #6d28d9;
}
.kb-project-task-action.primary {
border-color: rgba(59,130,246,.28);
background: rgba(59,130,246,.08);
color: #2563eb;
}
.kb-project-task-action.success {
border-color: rgba(16,185,129,.28);
background: rgba(16,185,129,.08);
color: #059669;
}
.kb-project-task-action:disabled {
opacity: .55;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
/* ====== BATCH7D: 任务详情弹窗 ====== */
.kb-project-task-detail-modal-backdrop {
position: fixed;
inset: 0;
z-index: 10000;
display: none;
align-items: center;
justify-content: center;
padding: 24px;
background: rgba(15,23,42,.40);
backdrop-filter: blur(8px);
}
.kb-project-task-detail-modal {
width: min(680px, 100%);
max-height: calc(100vh - 48px);
overflow: auto;
border-radius: 24px;
background: #fff;
box-shadow: 0 30px 90px rgba(15,23,42,.24);
border: 1px solid rgba(226,232,240,.95);
}
.kb-project-task-detail-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
padding: 20px 22px 14px;
border-bottom: 1px solid rgba(226,232,240,.8);
}
.kb-project-task-detail-kicker {
color: #7c3aed;
font-size: 12px;
font-weight: 950;
letter-spacing: .08em;
}
.kb-project-task-detail-title {
margin-top: 6px;
color: #0f172a;
font-size: 20px;
line-height: 1.35;
font-weight: 950;
}
.kb-project-task-detail-sub {
margin-top: 6px;
color: #94a3b8;
font-size: 12px;
line-height: 1.5;
}
.kb-project-task-detail-body {
display: grid;
gap: 14px;
padding: 18px 22px;
}
.kb-project-task-detail-section {
border: 1px solid rgba(226,232,240,.9);
border-radius: 16px;
background: linear-gradient(180deg,#fff,#fbfdff);
padding: 14px;
}
.kb-project-task-detail-section h4 {
margin: 0 0 10px;
color: #334155;
font-size: 13px;
font-weight: 950;
}
.kb-project-task-detail-desc {
color: #475569;
font-size: 13px;
line-height: 1.7;
white-space: pre-wrap;
}
.kb-project-task-detail-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.kb-project-task-detail-field {
border-radius: 14px;
background: #f8fafc;
border: 1px solid rgba(226,232,240,.85);
padding: 10px 11px;
}
.kb-project-task-detail-label {
color: #94a3b8;
font-size: 11px;
font-weight: 900;
margin-bottom: 5px;
}
.kb-project-task-detail-value {
color: #1e293b;
font-size: 13px;
font-weight: 850;
line-height: 1.45;
word-break: break-word;
}
.kb-project-task-detail-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 14px 22px 20px;
border-top: 1px solid rgba(226,232,240,.8);
}
.kb-project-task-detail-hint {
flex: 1;
color: #94a3b8;
font-size: 12px;
line-height: 1.5;
}
.kb-project-task-detail-btns {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
flex-wrap: wrap;
}
.kb-project-task-empty {
border: 1px dashed rgba(148,163,184,.55);
border-radius: 16px;
background: rgba(248,250,252,.82);
padding: 22px;
color: #64748b;
font-size: 13px;
line-height: 1.7;
text-align: center;
}
.kb-project-task-empty strong {
display: block;
margin-bottom: 4px;
color: #334155;
font-size: 14px;
}
.kb-project-docs-placeholder {
border: 1px dashed rgba(148,163,184,.48);
border-radius: 16px;
background: rgba(248,250,252,.8);
padding: 22px;
color: #64748b;
font-size: 13px;
line-height: 1.7;
}
.kb-project-task-modal-backdrop {
position: fixed;
inset: 0;
z-index: 9999;
display: none;
align-items: center;
justify-content: center;
padding: 24px;
background: rgba(15,23,42,.38);
backdrop-filter: blur(8px);
}
.kb-project-task-modal {
width: min(560px, 100%);
max-height: calc(100vh - 48px);
overflow: auto;
border-radius: 24px;
background: #fff;
box-shadow: 0 30px 90px rgba(15,23,42,.24);
border: 1px solid rgba(226,232,240,.95);
}
.kb-project-task-modal-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
padding: 20px 22px 14px;
border-bottom: 1px solid rgba(226,232,240,.8);
}
.kb-project-task-modal-title {
color: #0f172a;
font-size: 18px;
font-weight: 950;
}
.kb-project-task-modal-sub {
margin-top: 5px;
color: #94a3b8;
font-size: 12px;
line-height: 1.5;
}
.kb-project-task-modal-body {
display: grid;
gap: 12px;
padding: 18px 22px;
}
.kb-project-task-form-row {
display: grid;
gap: 6px;
}
.kb-project-task-form-row label {
color: #334155;
font-size: 12px;
font-weight: 900;
}
.kb-project-task-form-row input,
.kb-project-task-form-row textarea,
.kb-project-task-form-row select {
width: 100%;
box-sizing: border-box;
border: 1px solid rgba(203,213,225,.95);
border-radius: 14px;
background: #fff;
color: #0f172a;
font-size: 13px;
padding: 10px 12px;
outline: none;
}
.kb-project-task-form-row textarea {
min-height: 86px;
resize: vertical;
}
.kb-project-task-form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.kb-project-task-modal-foot {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 14px 22px 20px;
border-top: 1px solid rgba(226,232,240,.8);
}
/* ====== BATCH7F: 任务负责人和参与人选择 ====== */
.kb-project-task-participants {
min-height: 42px;
max-height: 132px;
overflow: auto;
border: 1px solid rgba(226,232,240,.95);
border-radius: 14px;
background: #f8fafc;
padding: 8px;
display: grid;
gap: 6px;
}
.kb-project-task-participants::-webkit-scrollbar {
width: 6px;
}
.kb-project-task-participants::-webkit-scrollbar-thumb {
background: rgba(148,163,184,.45);
border-radius: 999px;
}
.kb-project-task-participant-option {
display: flex;
align-items: center;
gap: 8px;
min-height: 28px;
padding: 5px 7px;
border-radius: 10px;
cursor: pointer;
color: #334155;
font-size: 12px;
font-weight: 800;
transition: background .15s ease;
}
.kb-project-task-participant-option:hover {
background: rgba(124,58,237,.08);
}
.kb-project-task-participant-option input {
margin: 0;
width: 14px;
height: 14px;
accent-color: #7c3aed;
}
.kb-project-task-participant-name {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.kb-project-task-participant-role {
margin-left: auto;
color: #94a3b8;
font-size: 11px;
font-weight: 850;
}
.kb-project-task-participant-empty {
color: #94a3b8;
font-size: 12px;
line-height: 1.6;
padding: 4px 2px;
}
.kb-project-task-hint {
flex: 1;
color: #94a3b8;
font-size: 12px;
line-height: 1.5;
}
/* ====== BATCH6B: 项目显示 ====== */
/* BATCH6B-FIX2: 项目概览中间视图容器 */
.kb-project-view {
min-height: 0;
height: 100%;
overflow-y: auto;
background: #fff;
padding: 24px;
box-sizing: border-box;
}
.kb-content-tabs {
display: flex;
gap: 4px;
border-bottom: 1px solid rgba(226,232,240,.8);
padding-bottom: 0;
}
.kb-content-tab {
padding: 8px 16px;
border: none;
background: transparent;
font-size: 13px;
font-weight: 600;
color: #64748b;
cursor: pointer;
border-bottom: 2px solid transparent;
transition: all .15s ease;
}
.kb-content-tab:hover {
color: #7c3aed;
}
.kb-content-tab.active {
color: #7c3aed;
border-bottom-color: #7c3aed;
}
.kb-project-card {
background: #fff;
border: 1px solid rgba(226,232,240,.8);
border-radius: 12px;
padding: 16px;
margin-bottom: 12px;
cursor: pointer;
transition: all .15s ease;
}
.kb-project-card:hover {
border-color: rgba(124,58,237,.3);
box-shadow: 0 4px 12px rgba(124,58,237,.08);
transform: translateY(-1px);
}
.kb-project-card-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.kb-project-icon {
width: 32px;
height: 32px;
display: grid;
place-items: center;
background: rgba(124,58,237,.08);
border-radius: 8px;
}
.kb-project-title {
flex: 1;
font-size: 15px;
font-weight: 700;
color: #1e293b;
}
.kb-project-status {
padding: 4px 10px;
border-radius: 6px;
font-size: 11px;
font-weight: 600;
}
.kb-project-desc {
font-size: 13px;
color: #64748b;
margin-bottom: 12px;
line-height: 1.5;
}
.kb-project-meta {
display: flex;
gap: 16px;
font-size: 12px;
color: #94a3b8;
}
.kb-project-meta span {
display: inline-flex;
align-items: center;
gap: 4px;
}
.kb-project-overview-header {
margin-bottom: 24px;
}
.kb-project-section {
margin-bottom: 24px;
}
.kb-project-section h3 {
font-size: 14px;
font-weight: 700;
color: #1e293b;
margin: 0 0 12px;
}
.kb-project-section p {
font-size: 14px;
color: #475569;
line-height: 1.6;
margin: 0;
}
.kb-project-progress-bar {
height: 8px;
background: rgba(226,232,240,.6);
border-radius: 4px;
overflow: hidden;
}
.kb-project-progress-fill {
height: 100%;
background: linear-gradient(90deg, #7c3aed, #a78bfa);
border-radius: 4px;
transition: width .3s ease;
}
.kb-project-info-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.kb-project-info-item {
display: flex;
flex-direction: column;
gap: 4px;
}
.kb-project-info-item label {
font-size: 12px;
font-weight: 600;
color: #94a3b8;
}
.kb-project-info-item span {
font-size: 14px;
color: #1e293b;
}
/* Extracted from team-knowledge.html style block 7 */
.kb-doc-card-paragraph{
display:block;
margin:10px 0 !important;
padding:14px 16px !important;
border-radius:14px !important;
border:1px solid rgba(124,58,237,.18) !important;
background:linear-gradient(135deg,rgba(245,243,255,.96),rgba(255,255,255,.96)) !important;
box-shadow:0 12px 28px rgba(124,58,237,.08) !important;
color:#0f172a !important;
font-size:13.5px !important;
font-weight:700 !important;
line-height:1.85 !important;
}
.kb-doc-card-paragraph b{
font-size:15px;font-weight:950;color:#0f172a;
}
.kb-doc-card-paragraph[data-card-type="project"]{
border-color:rgba(37,99,235,.22) !important;
background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(255,255,255,.96)) !important;
box-shadow:0 12px 28px rgba(37,99,235,.08) !important;
}
.kb-doc-card-paragraph[data-card-type="task"]{
border-color:rgba(245,158,11,.22) !important;
background:linear-gradient(135deg,rgba(255,247,237,.96),rgba(255,255,255,.96)) !important;
box-shadow:0 12px 28px rgba(245,158,11,.08) !important;
}
/* Extracted from team-knowledge.html style block 8 */
.kb-b19-entry-wrap{
display:none !important;
}
/* Extracted from team-knowledge.html style block 9 */
.kb-b26-contribution-entry-wrap{
margin:0 0 12px;
}
.kb-b26-contribution-entry{
width:100%;
border:1px solid rgba(245,158,11,.22);
border-radius:16px;
background:linear-gradient(135deg,rgba(255,247,237,.96),rgba(255,255,255,.9));
color:#7c2d12;
display:flex;
align-items:center;
gap:12px;
padding:12px 13px;
cursor:pointer;
text-align:left;
box-shadow:0 12px 28px rgba(245,158,11,.08);
transition:.16s ease;
}
.kb-b26-contribution-entry:hover{
transform:translateY(-1px);
border-color:rgba(245,158,11,.38);
box-shadow:0 16px 34px rgba(245,158,11,.13);
}
.kb-b26-contribution-entry-icon{
width:36px;
height:36px;
border-radius:13px;
display:inline-flex;
align-items:center;
justify-content:center;
color:#fff;
background:linear-gradient(135deg,#f59e0b,#7c3aed);
box-shadow:0 10px 22px rgba(245,158,11,.22);
flex:0 0 auto;
}
.kb-b26-contribution-entry strong{
display:block;
font-size:14px;
font-weight:900;
color:#0f172a;
line-height:1.25;
}
.kb-b26-contribution-entry small{
display:block;
margin-top:2px;
color:#64748b;
font-size:12px;
font-weight:700;
}
.kb-entity-card-block{
margin:10px 0;
padding:14px 16px;
border-radius:16px;
border:1px solid rgba(37,99,235,.20);
background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(255,255,255,.98));
box-shadow:0 14px 30px rgba(37,99,235,.08);
cursor:pointer;
user-select:none;
}
.kb-entity-card-block.task{
border-color:rgba(245,158,11,.24);
background:linear-gradient(135deg,rgba(255,247,237,.96),rgba(255,255,255,.98));
box-shadow:0 14px 30px rgba(245,158,11,.08);
}
.kb-entity-card-top{
display:flex;
align-items:center;
gap:12px;
}
.kb-entity-card-icon{
width:38px;
height:38px;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
box-shadow:0 10px 22px rgba(15,23,42,.08);
flex:0 0 auto;
}
.kb-entity-card-main{
min-width:0;
flex:1;
}
.kb-entity-card-title{
font-size:15px;
font-weight:950;
color:#0f172a;
line-height:1.3;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.kb-entity-card-subtitle{
margin-top:3px;
font-size:12px;
font-weight:800;
color:#64748b;
}
.kb-entity-card-action{
color:#7c3aed;
font-size:12px;
font-weight:950;
padding:7px 10px;
border-radius:999px;
background:rgba(124,58,237,.08);
flex:0 0 auto;
}
.kb-entity-card-lines{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:12px;
}
.kb-entity-card-lines span{
border-radius:999px;
background:rgba(255,255,255,.75);
border:1px solid rgba(148,163,184,.18);
color:#475569;
font-size:12px;
font-weight:850;
padding:6px 9px;
}
/* ====== BATCH_KB_OWNER_PERMISSION_V1_START ====== */
.kb-doc-item.kb-doc-locked{
position:relative;
opacity:.82;
}
.kb-doc-item.kb-doc-locked:hover{
transform:none;
border-color:rgba(148,163,184,.22);
}
.kb-doc-lock{
position:absolute;
right:10px;
top:10px;
width:22px;
height:22px;
border-radius:999px;
display:grid;
place-items:center;
background:rgba(15,23,42,.08);
color:#475569;
font-size:12px;
line-height:1;
}
.kb-doc-item.kb-doc-locked .kb-doc-item-title{
padding-right:26px;
}
.kb-doc-item.kb-doc-locked .kb-doc-card-icon{
filter:grayscale(.35);
}
/* ====== BATCH_KB_OWNER_PERMISSION_V1_END ====== */
/* ====== BATCH_KB_PERMISSION_MODAL_V1_START ====== */
.kb-context-menu button:disabled{
opacity:.46;
cursor:not-allowed;
}
.kb-context-menu button:disabled:hover{
background:transparent;
color:#334155;
}
.kb-doc-permission-modal-backdrop{
position:fixed;
inset:0;
z-index:10030;
display:none;
align-items:center;
justify-content:center;
padding:24px;
background:rgba(15,23,42,.42);
backdrop-filter:blur(8px);
}
.kb-doc-permission-modal{
width:min(680px,100%);
max-height:calc(100vh - 48px);
overflow:hidden;
border-radius:22px;
background:#fff;
box-shadow:0 30px 90px rgba(15,23,42,.24);
border:1px solid rgba(226,232,240,.95);
display:flex;
flex-direction:column;
}
.kb-doc-permission-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
padding:20px 22px 14px;
border-bottom:1px solid rgba(226,232,240,.8);
}
.kb-doc-permission-head h3{
margin:0;
color:#0f172a;
font-size:18px;
font-weight:950;
}
.kb-doc-permission-head p{
margin:6px 0 0;
color:#64748b;
font-size:12px;
line-height:1.55;
}
.kb-modal-icon-btn{
width:34px;
height:34px;
border:0;
border-radius:12px;
background:#f8fafc;
color:#64748b;
font-size:22px;
line-height:1;
cursor:pointer;
}
.kb-modal-icon-btn:hover{
background:#eff6ff;
color:#2563eb;
}
.kb-doc-permission-search{
padding:12px 22px 0;
}
.kb-doc-permission-body{
padding:14px 22px 18px;
overflow:auto;
display:grid;
gap:8px;
}
.kb-doc-permission-user{
display:flex;
align-items:center;
gap:10px;
padding:10px 12px;
border:1px solid rgba(226,232,240,.92);
border-radius:14px;
background:linear-gradient(180deg,#fff,#fbfdff);
cursor:pointer;
}
.kb-doc-permission-user:hover{
border-color:rgba(96,165,250,.48);
background:#f8fbff;
}
.kb-doc-permission-user input{
width:16px;
height:16px;
margin:0;
}
.kb-doc-permission-avatar{
width:34px;
height:34px;
border-radius:999px;
display:grid;
place-items:center;
background:#eff6ff;
color:#2563eb;
font-size:13px;
font-weight:950;
}
.kb-doc-permission-main{
display:grid;
gap:3px;
min-width:0;
}
.kb-doc-permission-main strong{
color:#0f172a;
font-size:13px;
font-weight:950;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.kb-doc-permission-main em{
color:#94a3b8;
font-size:11px;
font-style:normal;
font-weight:800;
}
.kb-doc-permission-empty{
border:1px dashed rgba(148,163,184,.52);
border-radius:16px;
background:rgba(248,250,252,.82);
padding:22px;
color:#64748b;
font-size:13px;
line-height:1.7;
text-align:center;
}
.kb-doc-permission-foot{
padding:12px 22px 18px;
border-top:1px solid rgba(226,232,240,.8);
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.kb-doc-permission-hint{
color:#94a3b8;
font-size:12px;
line-height:1.5;
}
.kb-doc-permission-actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
}
@media(max-width:720px){
.kb-doc-permission-foot{
align-items:stretch;
flex-direction:column;
}
.kb-doc-permission-actions{
justify-content:stretch;
}
.kb-doc-permission-actions .kb-btn{
flex:1;
justify-content:center;
}
}
/* ====== BATCH_KB_PERMISSION_MODAL_V1_END ====== */
/* ====== BATCH_KB_MOVE_EXPORT_V1_START ====== */
.kb-doc-move-modal-backdrop{
position:fixed;
inset:0;
z-index:10032;
display:none;
align-items:center;
justify-content:center;
padding:24px;
background:rgba(15,23,42,.42);
backdrop-filter:blur(8px);
}
.kb-doc-move-modal{
width:min(620px,100%);
max-height:calc(100vh - 48px);
overflow:hidden;
border-radius:22px;
background:#fff;
box-shadow:0 30px 90px rgba(15,23,42,.24);
border:1px solid rgba(226,232,240,.95);
display:flex;
flex-direction:column;
}
.kb-doc-move-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
padding:20px 22px 14px;
border-bottom:1px solid rgba(226,232,240,.8);
}
.kb-doc-move-head h3{
margin:0;
color:#0f172a;
font-size:18px;
font-weight:950;
}
.kb-doc-move-head p{
margin:6px 0 0;
color:#64748b;
font-size:12px;
line-height:1.55;
}
.kb-doc-move-body{
padding:14px 22px 18px;
overflow:auto;
display:grid;
gap:4px;
}
.kb-doc-move-folder-row{
display:grid;
gap:4px;
}
.kb-doc-move-folder{
margin-left:calc(var(--kb-depth,0) * 18px);
display:flex;
align-items:center;
gap:9px;
padding:9px 10px;
border:1px solid rgba(226,232,240,.92);
border-radius:12px;
background:linear-gradient(180deg,#fff,#fbfdff);
cursor:pointer;
color:#334155;
font-size:13px;
font-weight:850;
}
.kb-doc-move-folder:hover{
border-color:rgba(96,165,250,.48);
background:#f8fbff;
}
.kb-doc-move-folder.disabled{
opacity:.55;
cursor:not-allowed;
}
.kb-doc-move-folder input{
width:15px;
height:15px;
margin:0;
}
.kb-doc-move-folder span{
flex:1;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.kb-doc-move-folder em{
font-style:normal;
color:#ea580c;
background:rgba(251,146,60,.14);
border-radius:999px;
padding:2px 7px;
font-size:10px;
font-weight:950;
}
.kb-doc-move-empty{
border:1px dashed rgba(148,163,184,.52);
border-radius:16px;
background:rgba(248,250,252,.82);
padding:22px;
color:#64748b;
font-size:13px;
line-height:1.7;
text-align:center;
}
.kb-doc-move-foot{
padding:12px 22px 18px;
border-top:1px solid rgba(226,232,240,.8);
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.kb-doc-move-hint{
color:#94a3b8;
font-size:12px;
line-height:1.5;
}
.kb-doc-move-actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
}
@media(max-width:720px){
.kb-doc-move-foot{
align-items:stretch;
flex-direction:column;
}
.kb-doc-move-actions{
justify-content:stretch;
}
.kb-doc-move-actions .kb-btn{
flex:1;
justify-content:center;
}
}
/* ====== BATCH_KB_MOVE_EXPORT_V1_END ====== */
/* ====== BATCH_KB_RICH_TEXT_V1_START ====== */
.kb-editorjs-holder .ce-header{
color:#0f172a;
line-height:1.35;
letter-spacing:0;
}
.kb-editorjs-holder h1.ce-header{
font-size:28px;
font-weight:950;
}
.kb-editorjs-holder h2.ce-header{
font-size:23px;
font-weight:950;
}
.kb-editorjs-holder h3.ce-header{
font-size:19px;
font-weight:920;
}
.kb-editorjs-holder h4.ce-header{
font-size:16px;
font-weight:900;
}
.kb-editorjs-holder .ce-delimiter{
line-height:1;
text-align:center;
}
.kb-editorjs-holder .ce-delimiter:before{
content:'';
display:block;
height:1px;
width:100%;
margin:18px 0;
background:linear-gradient(90deg,transparent,rgba(148,163,184,.65),transparent);
}
.kb-editorjs-holder .ce-code__textarea{
min-height:130px;
border-radius:14px;
border:1px solid rgba(148,163,184,.24);
background:#0f172a;
color:#e2e8f0;
font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
font-size:13px;
line-height:1.7;
padding:14px 15px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.kb-editorjs-holder .tc-table{
border-radius:14px;
overflow:hidden;
border:1px solid rgba(148,163,184,.22);
}
.kb-editorjs-holder .tc-row:after{
border-bottom-color:rgba(148,163,184,.22);
}
.kb-editorjs-holder .tc-cell{
border-right-color:rgba(148,163,184,.22);
padding:9px 10px;
color:#1e293b;
font-size:13px;
line-height:1.55;
}
.kb-editorjs-holder .tc-toolbox{
color:#64748b;
}
/* ====== BATCH_KB_RICH_TEXT_V1_END ====== */
/* ====== KB_EDITOR_V2_BLOCKS_START ====== */
.kb-editorjs-holder .inline-code{
padding:2px 6px;
border-radius:7px;
background:#f1f5f9;
color:#be123c;
font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
font-size:.9em;
}
.kb-editorjs-holder .cdx-nested-list{
line-height:1.8;
}
.kb-editorjs-holder .image-tool,
.kb-editorjs-holder .cdx-attaches{
border-radius:16px;
}
.kb-editorjs-holder .embed-tool__content{
border-radius:16px;
overflow:hidden;
border:1px solid rgba(148,163,184,.2);
}
.kb-toggle-block,
.kb-bookmark-block,
.kb-equation-block{
margin:7px 0;
border:1px solid rgba(148,163,184,.22);
border-radius:15px;
background:rgba(255,255,255,.9);
}
.kb-toggle-block{
padding:11px 13px;
}
.kb-toggle-block summary{
cursor:pointer;
color:#1e293b;
font-weight:900;
line-height:1.65;
outline:none;
}
.kb-toggle-body{
margin:9px 0 2px 20px;
padding:9px 12px;
border-left:2px solid rgba(124,58,237,.2);
color:#475569;
line-height:1.8;
outline:none;
}
.kb-bookmark-block{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) auto;
gap:8px;
padding:12px;
}
.kb-bookmark-block input,
.kb-bookmark-block textarea,
.kb-equation-block textarea{
width:100%;
border:1px solid rgba(148,163,184,.24);
border-radius:10px;
background:#fff;
color:#334155;
padding:8px 10px;
font:inherit;
outline:none;
box-sizing:border-box;
}
.kb-bookmark-block textarea{
grid-column:1 / 3;
resize:vertical;
}
.kb-bookmark-block button{
grid-column:3;
grid-row:1 / 3;
border:1px solid rgba(124,58,237,.2);
border-radius:11px;
background:rgba(124,58,237,.07);
color:#6d28d9;
font-weight:900;
cursor:pointer;
padding:0 13px;
}
.kb-equation-block{
padding:12px;
}
.kb-equation-block textarea{
resize:vertical;
font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
.kb-equation-preview{
min-height:52px;
margin-top:9px;
padding:13px;
border-radius:11px;
background:#f8fafc;
color:#0f172a;
display:grid;
place-items:center;
overflow:auto;
}
@media(max-width:760px){
.kb-bookmark-block{grid-template-columns:1fr;}
.kb-bookmark-block textarea,.kb-bookmark-block button{grid-column:1;grid-row:auto;min-height:38px;}
}
/* ====== KB_EDITOR_V2_BLOCKS_END ====== */
/* ====== BATCH_KB_ENTITY_CARD_V1_START ====== */
.kb-entity-card-block.picker{
cursor:default;
user-select:auto;
}
.kb-entity-card-kicker{
color:#2563eb;
font-size:11px;
font-weight:950;
letter-spacing:0;
margin-bottom:3px;
}
.kb-entity-card-block.task .kb-entity-card-kicker{
color:#d97706;
}
.kb-entity-card-block .kb-entity-card-icon{
color:#2563eb;
font-weight:950;
}
.kb-entity-card-block.task .kb-entity-card-icon{
color:#d97706;
}
.kb-entity-picker-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:10px;
}
.kb-entity-picker-title{
color:#0f172a;
font-size:14px;
font-weight:950;
}
.kb-entity-picker-tabs{
display:flex;
align-items:center;
gap:6px;
padding:3px;
border-radius:999px;
background:rgba(241,245,249,.92);
}
.kb-entity-picker-tabs button{
border:0;
border-radius:999px;
background:transparent;
color:#64748b;
font-size:12px;
font-weight:900;
padding:6px 10px;
cursor:pointer;
}
.kb-entity-picker-tabs button.active{
background:#fff;
color:#2563eb;
box-shadow:0 8px 18px rgba(15,23,42,.08);
}
.kb-entity-picker-search{
width:100%;
box-sizing:border-box;
border:1px solid rgba(203,213,225,.9);
border-radius:12px;
background:#fff;
color:#0f172a;
font-size:13px;
padding:9px 11px;
outline:none;
margin-bottom:10px;
}
.kb-entity-picker-search:focus{
border-color:rgba(96,165,250,.75);
box-shadow:0 0 0 3px rgba(59,130,246,.10);
}
.kb-entity-picker-list{
display:grid;
gap:7px;
max-height:260px;
overflow:auto;
}
.kb-entity-picker-item{
width:100%;
border:1px solid rgba(226,232,240,.92);
border-radius:12px;
background:linear-gradient(180deg,#fff,#fbfdff);
padding:10px 11px;
text-align:left;
cursor:pointer;
}
.kb-entity-picker-item:hover{
border-color:rgba(96,165,250,.48);
background:#f8fbff;
}
.kb-entity-picker-item strong{
display:block;
color:#0f172a;
font-size:13px;
font-weight:950;
line-height:1.35;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.kb-entity-picker-item span{
display:block;
margin-top:4px;
color:#64748b;
font-size:11px;
font-weight:800;
line-height:1.45;
}
.kb-entity-picker-empty{
border:1px dashed rgba(148,163,184,.52);
border-radius:14px;
background:rgba(248,250,252,.82);
padding:16px;
color:#64748b;
font-size:12px;
text-align:center;
}
/* ====== BATCH_KB_ENTITY_CARD_V1_END ====== */
/* ====== INLINE PROJECT / TASK WORKSPACE V3 ====== */
.kb-entity-card-action{border:0;cursor:pointer;font-family:inherit;}
.kb-entity-card-block.expanded{
cursor:default;
user-select:auto;
padding:0;
overflow:hidden;
border-color:rgba(108,92,231,.42);
background:#fff;
box-shadow:0 18px 44px rgba(76,65,180,.12);
}
.kb-entity-card-block.task.expanded{border-color:rgba(245,158,11,.44);background:#fff;}
.kb-inline-entity-loading,.kb-inline-entity-error{min-height:76px;display:flex;align-items:center;justify-content:center;gap:9px;padding:18px;color:#64748b;font-size:12px;font-weight:800;}
.kb-inline-entity-loading.compact{min-height:44px;padding:10px;}
.kb-inline-entity-loading>span{width:16px;height:16px;border:2px solid #ddd6fe;border-top-color:#6c5ce7;border-radius:50%;animation:kb-inline-spin .8s linear infinite;}
@keyframes kb-inline-spin{to{transform:rotate(360deg)}}
.kb-inline-entity-error{flex-direction:column;background:#fff7f7;color:#be123c;}
.kb-inline-entity-error strong{color:#9f1239;}
.kb-inline-entity-error button{border:0;border-radius:8px;background:#fff;color:#be123c;padding:7px 10px;cursor:pointer;}
.kb-inline-entity-head{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#fff,#fcfbff);}
.kb-inline-entity-symbol{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;background:#ede9fe;color:#6d28d9;font-size:12px;font-weight:950;}
.kb-inline-entity-symbol.task{background:#fff7ed;color:#ea580c;}
.kb-inline-entity-head>div:nth-child(2){min-width:0;flex:1;display:flex;align-items:center;gap:8px;}
.kb-inline-entity-head span{padding:2px 6px;border-radius:5px;background:#ede9fe;color:#6d28d9;font-size:9px;font-weight:950;}
.kb-inline-entity-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111827;font-size:14px;font-weight:950;}
.kb-inline-entity-head em{font-style:normal;padding:4px 8px;border-radius:999px;background:#ecfdf5;color:#15803d;font-size:10px;font-weight:900;}
.kb-inline-entity-head>button{width:30px;height:30px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;}
.kb-inline-project-summary{display:grid;grid-template-columns:auto minmax(120px,1fr);align-items:center;gap:12px;padding:12px 15px;background:#fafbff;border-bottom:1px solid #eef2f7;}
.kb-inline-project-summary>div:first-child{display:flex;align-items:baseline;gap:6px;color:#64748b;font-size:11px;}
.kb-inline-project-summary strong{color:#4f46e5;font-size:14px;}
.kb-inline-progress{height:6px;border-radius:999px;background:#e9e7ff;overflow:hidden;}
.kb-inline-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#6366f1);}
.kb-inline-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 12px;padding:15px;}
.kb-inline-field{display:flex;min-width:0;flex-direction:column;gap:6px;}
.kb-inline-field.wide{grid-column:1/-1;}
.kb-inline-field>span{color:#64748b;font-size:10px;font-weight:850;}
.kb-inline-field input,.kb-inline-field select,.kb-inline-field textarea{width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:#1e293b;font:12px/1.4 inherit;outline:none;padding:8px 9px;transition:border-color .12s ease,box-shadow .12s ease;}
.kb-inline-field input,.kb-inline-field select{height:36px;}
.kb-inline-field select[multiple]{height:74px;padding:5px;}
.kb-inline-field select[multiple] option{padding:5px 7px;border-radius:6px;}
.kb-inline-field textarea{resize:vertical;min-height:70px;}
.kb-inline-field input:focus,.kb-inline-field select:focus,.kb-inline-field textarea:focus{border-color:#a78bfa;box-shadow:0 0 0 3px rgba(124,58,237,.10);}
.kb-inline-field input:disabled,.kb-inline-field select:disabled,.kb-inline-field textarea:disabled{background:#f8fafc;color:#64748b;}
.kb-inline-task-section{margin:0 15px 15px;border:1px solid #eef2f7;border-radius:12px;overflow:hidden;background:#fcfdff;}
.kb-inline-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;color:#475569;font-size:11px;}
.kb-inline-section-head strong{color:#334155;font-size:12px;}
.kb-inline-section-head span{min-width:20px;text-align:center;padding:2px 6px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:10px;}
.kb-inline-project-task{width:100%;min-height:38px;display:grid;grid-template-columns:14px minmax(0,1fr) auto 72px 80px auto;align-items:center;gap:8px;border:0;border-top:1px solid #f1f5f9;background:#fff;padding:7px 10px;color:#334155;text-align:left;cursor:pointer;}
.kb-inline-project-task:hover{background:#faf8ff;}
.kb-inline-project-task>span{width:11px;height:11px;border:1.5px solid #cbd5e1;border-radius:3px;}
.kb-inline-project-task strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;}
.kb-inline-project-task em{font-style:normal;padding:3px 6px;border-radius:999px;background:#fef3c7;color:#b45309;font-size:9px;font-weight:900;}
.kb-inline-project-task em.status-done{background:#dcfce7;color:#15803d;}
.kb-inline-project-task small,.kb-inline-project-task time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:10px;}
.kb-inline-project-task b{color:#6d28d9;font-size:10px;}
.kb-nested-task-panel{border-top:2px solid #ddd6fe;background:#fff;}
.kb-inline-asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 15px 15px;}
.kb-inline-assets,.kb-inline-comments{border:1px solid #eef2f7;border-radius:12px;background:#fcfdff;overflow:hidden;}
.kb-inline-assets>a{display:block;margin:0 10px 7px;padding:8px;border-radius:8px;background:#f8fafc;color:#4f46e5;font-size:11px;text-decoration:none;}
.kb-inline-attachment-add{display:block;margin:7px 10px 10px;padding:8px;border:1px dashed #c4b5fd;border-radius:8px;color:#6d28d9;font-size:11px;font-weight:850;text-align:center;cursor:pointer;}
.kb-inline-attachment-add:hover{background:#f5f3ff;}.kb-inline-attachment-add.loading{opacity:.55;pointer-events:none;}
.kb-inline-empty{padding:12px;color:#94a3b8;font-size:11px;text-align:center;}
.kb-inline-comment-list{max-height:150px;overflow:auto;padding:0 10px;}
.kb-inline-comment-list>div:not(.kb-inline-empty){padding:7px 0;border-top:1px solid #f1f5f9;}
.kb-inline-comment-list strong{font-size:10px;color:#334155;}
.kb-inline-comment-list p{margin:3px 0 0;color:#64748b;font-size:11px;line-height:1.5;}
.kb-inline-comment-compose{display:flex;gap:6px;padding:9px;border-top:1px solid #eef2f7;}
.kb-inline-comment-compose input{min-width:0;flex:1;height:32px;border:1px solid #e2e8f0;border-radius:8px;padding:0 8px;font-size:11px;outline:none;}
.kb-inline-comment-compose button{border:0;border-radius:8px;background:#6c5ce7;color:#fff;padding:0 10px;font-size:11px;font-weight:850;cursor:pointer;}
.kb-inline-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:11px 15px;border-top:1px solid #eef2f7;background:#fbfcff;}
.kb-inline-form-actions>span{margin-right:auto;color:#94a3b8;font-size:10px;}
.kb-inline-form-actions button{height:32px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;padding:0 11px;font-size:11px;font-weight:850;cursor:pointer;}
.kb-inline-form-actions button.primary{border-color:#6c5ce7;background:#6c5ce7;color:#fff;box-shadow:0 8px 18px rgba(108,92,231,.18);}
.kb-inline-form-actions button:disabled{opacity:.6;cursor:wait;}
@media(max-width:900px){
.kb-inline-form-grid{grid-template-columns:1fr 1fr;}
.kb-inline-asset-grid{grid-template-columns:1fr;}
.kb-inline-project-task{grid-template-columns:14px minmax(0,1fr) auto auto;}
.kb-inline-project-task small,.kb-inline-project-task time{display:none;}
}
@media(max-width:640px){
.kb-editorjs-holder .codex-editor__redactor{padding-left:38px!important;}
.kb-editorjs-holder .ce-toolbar__actions{left:-40px!important;}
.kb-inline-form-grid{grid-template-columns:1fr;}
.kb-inline-field.wide{grid-column:auto;}
.kb-color-popover{position:fixed;left:12px!important;right:12px;top:auto;bottom:12px;width:auto;max-height:72vh;overflow:auto;}
}
/* ====== INLINE PROJECT / TASK WORKSPACE V3 END ====== */
/* ====== BATCH_KB_SAVE_TOP_V1_START ====== */
.kb-editor-save-floating{
position:fixed;
top:76px;
right:28px;
z-index:10010;
display:flex;
align-items:center;
gap:10px;
min-width:220px;
padding:8px 10px 8px 12px;
border-radius:16px;
border:1px solid rgba(226,232,240,.92);
background:rgba(255,255,255,.94);
box-shadow:0 18px 48px rgba(15,23,42,.14);
backdrop-filter:blur(14px);
}
.kb-editor-save-state{
flex:1;
min-width:0;
color:#94a3b8;
font-size:12px;
font-weight:900;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.kb-editor-save-btn{
min-width:72px;
justify-content:center;
}
.kb-editor-save-floating[data-state="dirty"]{
border-color:rgba(245,158,11,.42);
box-shadow:0 18px 48px rgba(245,158,11,.14);
}
.kb-editor-save-floating[data-state="saving"]{
border-color:rgba(37,99,235,.38);
}
.kb-editor-save-floating[data-state="saved"]{
border-color:rgba(22,163,74,.30);
}
.kb-editor-save-floating[data-state="error"]{
border-color:rgba(220,38,38,.36);
}
.kb-editor-save-floating[data-state="saving"] .kb-editor-save-btn{
opacity:.72;
cursor:wait;
}
@media(max-width:900px){
.kb-editor-save-floating{
top:auto;
right:14px;
bottom:16px;
left:14px;
min-width:0;
}
}
/* ====== BATCH_KB_SAVE_TOP_V1_END ====== */
/* ====== BATCH_KB_LONG_DOC_V1_START ====== */
.kb-long-doc-preview{
min-height:420px;
border-radius:18px;
border:1px solid rgba(148,163,184,.18);
background:rgba(255,255,255,.88);
padding:18px 20px;
box-sizing:border-box;
}
.kb-long-doc-banner{
position:sticky;
top:0;
z-index:4;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
margin:-4px -4px 18px;
padding:14px 14px;
border-radius:16px;
border:1px solid rgba(59,130,246,.18);
background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(255,255,255,.94));
box-shadow:0 16px 34px rgba(37,99,235,.08);
backdrop-filter:blur(10px);
}
.kb-long-doc-banner strong{
display:block;
color:#0f172a;
font-size:15px;
font-weight:950;
}
.kb-long-doc-banner p{
margin:4px 0 0;
color:#64748b;
font-size:12px;
line-height:1.6;
font-weight:750;
}
.kb-long-doc-body{
display:block;
color:#334155;
}
.kb-long-doc-heading{
color:#0f172a;
line-height:1.38;
letter-spacing:0;
margin:18px 0 8px;
}
.kb-long-doc-heading-1{
font-size:26px;
font-weight:950;
}
.kb-long-doc-heading-2{
font-size:22px;
font-weight:950;
}
.kb-long-doc-heading-3{
font-size:18px;
font-weight:920;
}
.kb-long-doc-heading-4{
font-size:16px;
font-weight:900;
}
.kb-long-doc-p{
margin:8px 0;
color:#334155;
font-size:14px;
line-height:1.9;
}
.kb-long-doc-list{
margin:8px 0 12px 22px;
color:#334155;
font-size:14px;
line-height:1.85;
}
.kb-long-doc-checklist{
display:grid;
gap:7px;
margin:10px 0;
}
.kb-long-doc-checkitem{
display:flex;
align-items:flex-start;
gap:8px;
color:#334155;
font-size:14px;
line-height:1.7;
}
.kb-long-doc-checkitem span{
color:#94a3b8;
flex:0 0 auto;
}
.kb-long-doc-checkitem.done span{
color:#16a34a;
}
.kb-long-doc-checkitem em{
font-style:normal;
}
.kb-long-doc-quote{
margin:12px 0;
padding:11px 14px;
border-left:4px solid rgba(124,58,237,.34);
background:rgba(248,250,252,.9);
border-radius:12px;
color:#334155;
line-height:1.8;
}
.kb-long-doc-quote cite{
display:block;
margin-top:6px;
color:#64748b;
font-size:12px;
font-style:normal;
}
.kb-long-doc-warning,
.kb-long-doc-callout{
margin:12px 0;
padding:12px 14px;
border-radius:14px;
line-height:1.75;
}
.kb-long-doc-warning{
background:rgba(255,247,237,.94);
border:1px solid rgba(251,146,60,.24);
color:#92400e;
}
.kb-long-doc-callout{
background:rgba(239,246,255,.94);
border:1px solid rgba(96,165,250,.22);
color:#334155;
}
.kb-long-doc-hr{
border:0;
border-top:1px solid rgba(148,163,184,.28);
margin:20px 0;
}
.kb-long-doc-code{
margin:12px 0;
padding:14px 15px;
border-radius:14px;
background:#0f172a;
color:#e2e8f0;
overflow:auto;
font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
font-size:13px;
line-height:1.7;
}
.kb-long-doc-table-wrap{
margin:12px 0;
overflow:auto;
border:1px solid rgba(148,163,184,.24);
border-radius:14px;
background:#fff;
}
.kb-long-doc-table-wrap table{
width:100%;
border-collapse:collapse;
font-size:13px;
}
.kb-long-doc-table-wrap th,
.kb-long-doc-table-wrap td{
min-width:110px;
padding:9px 10px;
border-right:1px solid rgba(226,232,240,.9);
border-bottom:1px solid rgba(226,232,240,.9);
color:#1e293b;
text-align:left;
vertical-align:top;
}
.kb-long-doc-table-wrap th{
background:rgba(248,250,252,.95);
font-weight:950;
}
.kb-long-doc-table-more{
padding:9px 10px;
color:#94a3b8;
font-size:12px;
line-height:1.6;
}
.kb-long-doc-image{
margin:14px 0;
}
.kb-long-doc-image img{
display:block;
max-width:100%;
border-radius:14px;
border:1px solid rgba(226,232,240,.9);
}
.kb-long-doc-image figcaption{
margin-top:6px;
color:#94a3b8;
font-size:12px;
line-height:1.6;
}
.kb-long-doc-entity{
margin:12px 0;
padding:12px 14px;
border-radius:14px;
border:1px solid rgba(37,99,235,.18);
background:rgba(239,246,255,.86);
}
.kb-long-doc-entity strong{
display:block;
color:#0f172a;
font-size:14px;
font-weight:950;
}
.kb-long-doc-entity span{
display:block;
margin-top:4px;
color:#64748b;
font-size:12px;
line-height:1.6;
}
.kb-long-doc-empty{
padding:18px;
border-radius:16px;
border:1px dashed rgba(148,163,184,.32);
background:rgba(248,250,252,.9);
color:#64748b;
font-size:13px;
line-height:1.8;
text-align:center;
}
@media(max-width:900px){
.kb-long-doc-banner{
position:relative;
align-items:stretch;
flex-direction:column;
}
.kb-long-doc-banner .kb-btn{
justify-content:center;
}
}
/* ====== BATCH_KB_LONG_DOC_V1_END ====== */
/* ====== BATCH_KB_IMAGE_URL_V1_START ====== */
.kb-image-url-block{
margin:12px 0;
padding:14px;
border-radius:16px;
border:1px solid rgba(148,163,184,.22);
background:linear-gradient(135deg,rgba(248,250,252,.96),rgba(255,255,255,.98));
}
.kb-image-url-form{
display:grid;
grid-template-columns:1.35fr .85fr;
gap:8px;
margin-bottom:12px;
}
.kb-image-url-input,
.kb-image-url-caption{
width:100%;
box-sizing:border-box;
height:34px;
border:1px solid rgba(203,213,225,.85);
border-radius:10px;
background:#fff;
color:#0f172a;
font-size:13px;
padding:0 10px;
outline:none;
}
.kb-image-url-input:focus,
.kb-image-url-caption:focus{
border-color:rgba(96,165,250,.75);
box-shadow:0 0 0 3px rgba(59,130,246,.10);
}
.kb-image-url-preview figure{
margin:0;
}
.kb-image-url-preview img{
display:block;
max-width:100%;
max-height:420px;
border-radius:14px;
border:1px solid rgba(226,232,240,.9);
background:#f8fafc;
object-fit:contain;
}
.kb-image-url-preview figcaption{
margin-top:7px;
color:#64748b;
font-size:12px;
line-height:1.6;
}
.kb-image-url-empty{
display:grid;
place-items:center;
min-height:96px;
border-radius:14px;
border:1px dashed rgba(148,163,184,.42);
background:rgba(248,250,252,.88);
color:#94a3b8;
font-size:12px;
font-weight:850;
}
@media(max-width:900px){
.kb-image-url-form{
grid-template-columns:1fr;
}
}
/* ====== BATCH_KB_IMAGE_URL_V1_END ====== */
/* ====== BATCH_KB_IMAGE_URL_VALIDATE_V1_START ====== */
.kb-export-all-btn{
white-space:nowrap;
color:#2563eb;
}
.kb-image-url-status{
min-height:18px;
margin:-4px 0 10px;
color:#94a3b8;
font-size:12px;
font-weight:850;
line-height:1.5;
}
.kb-image-url-status .checking{
color:#2563eb;
}
.kb-image-url-status .ok{
color:#16a34a;
}
.kb-image-url-status .error{
color:#dc2626;
}
/* ====== BATCH_KB_IMAGE_URL_VALIDATE_V1_END ====== */
/* ====== BATCH_KB_EXPORT_UX_V1_START ====== */
.kb-btn.is-exporting{
opacity:.72;
cursor:wait;
pointer-events:none;
}
.kb-image-url-actions{
display:flex;
align-items:center;
gap:8px;
margin:-4px 0 10px;
}
.kb-image-url-actions .kb-btn{
height:30px;
padding:0 10px;
font-size:12px;
font-weight:900;
}
.kb-image-url-actions .kb-btn:disabled{
opacity:.46;
cursor:not-allowed;
}
/* ====== BATCH_KB_EXPORT_UX_V1_END ====== */
/* ====== BATCH_KB_DOC_DRAG_MOVE_V2_START ====== */
.kb-doc-item[data-kb-draggable-doc="1"]{
cursor:grab;
}
.kb-doc-item[data-kb-draggable-doc="1"]:active{
cursor:grabbing;
}
.kb-doc-item[data-kb-draggable-doc="0"]{
cursor:default;
}
.kb-doc-item.kb-doc-dragging{
opacity:.58;
transform:scale(.985);
box-shadow:0 18px 42px rgba(37,99,235,.18);
}
body.kb-doc-drag-active .kb-tree-row,
body.kb-doc-drag-active .kb-subfolder-card{
transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease;
}
.kb-tree-row.kb-doc-drop-over{
background:rgba(219,234,254,.86) !important;
border-left-color:#2563eb !important;
box-shadow:inset 0 0 0 1px rgba(37,99,235,.22);
}
.kb-subfolder-card.kb-doc-drop-over{
border-color:rgba(37,99,235,.58) !important;
box-shadow:0 24px 54px rgba(37,99,235,.18),inset 0 0 0 1px rgba(37,99,235,.18);
transform:translateY(-2px) scale(1.01);
}
/* ====== BATCH_KB_DOC_DRAG_MOVE_V2_END ====== */
/* ====== BATCH_KB_FOLDER_DRAG_MOVE_V1_START ====== */
.kb-tree-row[data-kb-draggable-folder="1"],
.kb-subfolder-card[data-kb-draggable-folder="1"]{
cursor:grab;
}
.kb-tree-row[data-kb-draggable-folder="1"]:active,
.kb-subfolder-card[data-kb-draggable-folder="1"]:active{
cursor:grabbing;
}
.kb-tree-row[data-kb-draggable-folder="0"],
.kb-subfolder-card[data-kb-draggable-folder="0"]{
cursor:pointer;
}
.kb-tree-row.kb-folder-dragging,
.kb-subfolder-card.kb-folder-dragging{
opacity:.58;
transform:scale(.985);
box-shadow:0 18px 42px rgba(124,58,237,.18);
}
body.kb-folder-drag-active .kb-tree-row,
body.kb-folder-drag-active .kb-subfolder-card{
transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease;
}
.kb-tree-row.kb-folder-drop-over{
background:rgba(237,233,254,.88) !important;
border-left-color:#7c3aed !important;
box-shadow:inset 0 0 0 1px rgba(124,58,237,.24);
}
.kb-subfolder-card.kb-folder-drop-over{
border-color:rgba(124,58,237,.58) !important;
box-shadow:0 24px 54px rgba(124,58,237,.18),inset 0 0 0 1px rgba(124,58,237,.18);
transform:translateY(-2px) scale(1.01);
}
/* ====== BATCH_KB_FOLDER_DRAG_MOVE_V1_END ====== */
/* BATCH_KB_LINK_DELETED_STATUS_V1 */
.kb-link-tag.is-deleted {
border-color: rgba(148,163,184,.38);
background: #f8fafc;
color: #64748b;
box-shadow: none;
flex-wrap: wrap;
}
.kb-link-tag .kb-link-tag-label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.kb-link-tag .kb-link-status {
color: #64748b;
font-size: 11px;
font-weight: 850;
line-height: 1.2;
}
.kb-link-tag.is-deleted button {
background: rgba(148,163,184,.16);
color: #64748b;
}
.kb-stage8-chip.is-deleted {
background: #f8fafc;
border-color: #cbd5e1;
color: #64748b;
box-shadow: none;
flex-wrap: wrap;
}
.kb-stage8-chip.is-deleted small {
color: #64748b;
font-size: 11px;
font-weight: 850;
line-height: 1.2;
}
/* BATCH_KB_PROJECT_CREATE_UI_V1_START */
.kb-project-list-toolbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
margin:2px 0 14px;
padding:13px 14px;
border:1px solid rgba(226,232,240,.86);
border-radius:18px;
background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,246,255,.76));
box-shadow:0 12px 30px rgba(15,23,42,.06);
}
.kb-project-list-toolbar h3{
margin:0;
color:#0f172a;
font-size:15px;
font-weight:950;
}
.kb-project-list-toolbar p{
margin:4px 0 0;
color:#64748b;
font-size:12px;
line-height:1.5;
font-weight:650;
}
.kb-project-list-actions{
display:flex;
align-items:center;
gap:8px;
flex:0 0 auto;
}
.kb-project-inline-empty-actions{
margin-top:14px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
flex-wrap:wrap;
}
.kb-new-project-modal .team-idea-modal-foot{
align-items:center;
}
.kb-new-project-hint{
flex:1;
color:#64748b;
font-size:12px;
line-height:1.5;
font-weight:750;
}
.kb-new-project-hint.is-error{
color:#dc2626;
}
.kb-new-project-folder-note{
padding:10px 12px;
border-radius:14px;
border:1px solid rgba(191,219,254,.8);
background:rgba(239,246,255,.74);
color:#475569;
font-size:12px;
line-height:1.55;
font-weight:750;
}
@media (max-width: 760px){
.kb-project-list-toolbar{
align-items:stretch;
flex-direction:column;
}
.kb-project-list-actions{
justify-content:flex-start;
}
}
/* BATCH_KB_PROJECT_CREATE_UI_V1_END */
.kb-doc-link-block{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #e2e8f0;border-radius:14px;background:#fbfcfe}
.kb-doc-link-block>input{width:100%;padding:9px 11px;border:1px solid #dbe3ee;border-radius:10px;background:#fff;color:#1e293b;outline:none}
.kb-doc-link-block>input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px rgba(139,92,246,.10)}
.kb-doc-link-selected{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:11px;background:#f5f3ff;color:#334155}.kb-doc-link-selected>div{display:flex;flex:1;min-width:0;flex-direction:column}.kb-doc-link-selected strong,.kb-doc-link-selected span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-doc-link-selected strong{font-size:13px}.kb-doc-link-selected span{margin-top:2px;color:#64748b;font-size:11px}.kb-doc-link-selected a,.kb-doc-link-selected button{border:0;background:none;color:#7c3aed;font-size:11px;font-weight:800;text-decoration:none;cursor:pointer}
.kb-doc-link-results{display:flex;max-height:220px;flex-direction:column;gap:5px;overflow:auto}.kb-doc-link-results>span{padding:9px;color:#94a3b8;font-size:11px}.kb-doc-link-results button{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border:0;border-radius:10px;background:#fff;color:#334155;text-align:left;cursor:pointer}.kb-doc-link-results button:hover{background:#f5f3ff}.kb-doc-link-results strong{font-size:12px}.kb-doc-link-results button span{color:#64748b;font-size:10px}
/* Knowledge-led project database views. */
.kb-project-view-switch{display:inline-flex;gap:4px;padding:3px;border-radius:12px;background:#f8fafc}.kb-project-view-switch .kb-btn{padding:6px 8px}.kb-project-view-switch .kb-btn.active{background:#ede9fe;color:#6d28d9;border-color:#c4b5fd}.kb-project-db-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kb-project-db-list{border:1px solid rgba(148,163,184,.17);border-radius:14px;overflow:hidden}.kb-project-list-row{display:grid!important;grid-template-columns:minmax(180px,1.5fr) minmax(110px,.8fr) 100px 80px 100px;gap:10px;align-items:center;border:0!important;border-top:1px solid #eef2f7!important;border-radius:0!important;margin:0!important;padding:11px 13px!important}.kb-project-list-row:first-child{border-top:0!important}.kb-project-list-row span,.kb-project-list-row em{font-size:12px;color:#64748b;font-style:normal}.kb-project-db-board{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:10px;overflow:auto;padding-bottom:8px}.kb-project-db-board>section{padding:10px;border-radius:16px;background:#f8fafc;min-height:190px}.kb-project-db-board h4{margin:2px 3px 10px;display:flex;justify-content:space-between}.kb-project-db-board h4 em{font-style:normal;color:#94a3b8}.kb-project-db-board .kb-project-card{margin-bottom:8px}.kb-project-db-timeline{position:relative;padding-left:18px}.kb-project-db-timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:#ddd6fe}.kb-project-timeline-row{display:grid!important;grid-template-columns:180px minmax(0,1fr) 90px;gap:12px;align-items:center;margin:7px 0!important;padding:11px 13px!important}.kb-project-timeline-row:before{content:"";position:absolute;left:-18px;width:10px;height:10px;border-radius:50%;background:#8b5cf6}.kb-project-timeline-row span,.kb-project-timeline-row em{font-size:12px;color:#64748b;font-style:normal}@media(max-width:900px){.kb-project-db-cards{grid-template-columns:1fr}.kb-project-list-row{grid-template-columns:minmax(0,1fr) 90px}.kb-project-list-row span:nth-of-type(n+2),.kb-project-list-row em{display:none}.kb-project-list-toolbar{align-items:flex-start;flex-direction:column}.kb-project-list-actions{flex-wrap:wrap}}
.kb-inline-member-stack{display:flex;align-items:center;min-height:34px;padding:4px 0}.kb-inline-member-stack>span{width:32px;height:32px;border:2px solid #fff;border-radius:50%;overflow:hidden;background:#ede9fe;display:grid;place-items:center;margin-left:-7px;box-shadow:0 1px 4px rgba(15,23,42,.12)}.kb-inline-member-stack>span:first-child{margin-left:0}.kb-inline-member-stack img{width:100%;height:100%;object-fit:cover}.kb-inline-member-stack i{font-style:normal;color:#6d28d9;font-weight:700}.kb-inline-milestone-list{display:grid;gap:0;border-left:2px solid #ddd6fe;margin:8px 0 10px 8px}.kb-inline-milestone-list>div{display:grid;grid-template-columns:90px minmax(120px,1fr) auto;gap:10px;align-items:center;padding:8px 0 8px 14px;position:relative}.kb-inline-milestone-list>div:before{content:"";position:absolute;left:-6px;width:10px;height:10px;border-radius:50%;background:#8b5cf6;border:2px solid #fff}.kb-inline-milestone-list time,.kb-inline-milestone-list em{font-size:12px;color:#64748b;font-style:normal}.kb-inline-insert-timeline{border:1px solid #c4b5fd;background:#f5f3ff;color:#6d28d9;border-radius:8px;padding:7px 10px;font-weight:650;cursor:pointer}
/* ===== Knowledge workspace V2: persistent three-column shell + safe editor gutter ===== */
.kb-notion-layout{
position:relative;
grid-template-columns:var(--kb-library-width,280px) minmax(560px,1fr) var(--kb-property-width,320px)!important;
background:#fff;
}
body.kb-doc-open .kb-notion-hero{
display:none!important;
}
body.kb-doc-open .kb-notion-layout{
margin-top:10px;
}
body.kb-doc-open .kb-library-main{
padding:12px 18px 28px!important;
}
body.kb-doc-open #kbDocEditorView{
width:100%;
max-width:none;
margin:0;
}
body.kb-doc-open .kb-editor-save-floating{
position:static;
min-width:180px;
margin-left:auto;
padding:5px 6px 5px 10px;
border-radius:11px;
box-shadow:none;
backdrop-filter:none;
}
.kb-layout-toggle{
position:absolute;
z-index:42;
top:14px;
width:28px;
height:28px;
display:grid;
place-items:center;
padding:0;
border:1px solid #e2e8f0;
border-radius:9px;
background:rgba(255,255,255,.96);
color:#64748b;
box-shadow:0 5px 16px rgba(15,23,42,.08);
cursor:pointer;
transition:left .18s ease,right .18s ease,color .14s ease,background .14s ease;
}
.kb-layout-toggle:hover{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}
.kb-layout-toggle svg{width:15px;height:15px}
.kb-layout-toggle-left{left:calc(var(--kb-library-width,280px) - 14px)}
.kb-layout-toggle-right{right:calc(var(--kb-property-width,320px) - 14px)}
body.kb-library-collapsed .kb-notion-layout{grid-template-columns:0 minmax(560px,1fr) var(--kb-property-width,320px)!important}
body.kb-library-collapsed .kb-library-sidebar{display:none!important}
body.kb-library-collapsed .kb-layout-toggle-left{left:8px}
body.kb-property-collapsed .kb-notion-layout{grid-template-columns:var(--kb-library-width,280px) minmax(560px,1fr) 0!important}
body.kb-property-collapsed .kb-property-panel{display:none!important}
body.kb-property-collapsed .kb-layout-toggle-right{right:8px}
body.kb-library-collapsed.kb-property-collapsed .kb-notion-layout{grid-template-columns:0 minmax(0,1fr) 0!important}
.kb-panel-resizer{position:absolute;z-index:38;top:0;bottom:0;width:7px;cursor:col-resize;touch-action:none;outline:0}
.kb-panel-resizer:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:1px;background:transparent;transition:background .14s ease,box-shadow .14s ease}
.kb-panel-resizer:hover:after,.kb-panel-resizer:focus:after,body.kb-panel-resizing .kb-panel-resizer:after{background:#a78bfa;box-shadow:0 0 0 2px rgba(167,139,250,.12)}
.kb-panel-resizer-left{left:calc(var(--kb-library-width,280px) - 4px)}
.kb-panel-resizer-right{right:calc(var(--kb-property-width,320px) - 4px)}
body.kb-library-collapsed .kb-panel-resizer-left,body.kb-property-collapsed .kb-panel-resizer-right{display:none}
body.kb-panel-resizing{cursor:col-resize!important;user-select:none!important}
.kb-density-toggle{margin-left:auto;width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border:1px solid transparent;border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer}
.kb-density-toggle:hover{border-color:#ddd6fe;background:#fff;color:#6d28d9}.kb-density-toggle svg{width:14px;height:14px}
body.kb-compact-density .kb-tree-row{min-height:28px;padding-top:4px;padding-bottom:4px;font-size:12px}
body.kb-compact-density .kb-quick-item{height:31px}
.kb-side-search kbd{
padding:2px 5px;
border:1px solid #e2e8f0;
border-radius:5px;
background:#fff;
color:#94a3b8;
font:10px/1.2 ui-sans-serif,system-ui;
}
#kbDocEditorView>div:first-child{
min-height:34px;
margin-bottom:8px!important;
padding:0 42px 0 2px;
}
.kb-editor-commandbar{
position:sticky;
top:-1px;
z-index:34;
flex-wrap:wrap;
gap:4px;
margin:0 0 10px;
padding:7px 9px;
border-color:#e2e8f0;
border-radius:12px;
background:rgba(255,255,255,.97);
box-shadow:0 6px 18px rgba(15,23,42,.05);
backdrop-filter:blur(12px);
}
.kb-command-group{display:inline-flex;align-items:center;gap:2px}
.kb-editor-commandbar .kb-ht-icon-btn{flex:0 0 auto}
.kb-editor-commandbar .kb-ht-icon-btn svg{width:15px;height:15px}
.kb-editor-commandbar .kb-ht-icon-btn strong,
.kb-editor-commandbar .kb-ht-icon-btn em,
.kb-editor-commandbar .kb-ht-icon-btn u,
.kb-editor-commandbar .kb-ht-icon-btn s{font:800 13px/1 ui-sans-serif,system-ui;color:inherit}
.kb-editor-commandbar .kb-ht-icon-btn em{font-style:italic}
.kb-ht-entity-btn{width:auto!important;padding:0 8px!important;display:inline-flex!important;gap:5px}
.kb-ht-entity-btn span{font-size:11px;font-weight:800}
.kb-title-row{margin:0!important;padding:4px 54px 6px}
.kb-title-input,
.kb-title-input:focus{
height:auto!important;
padding:8px 0 10px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:#0f172a;
font-size:28px!important;
font-weight:850!important;
letter-spacing:-.025em;
}
.kb-title-input::placeholder{color:#cbd5e1}
.kb-editor-row{display:block!important}
.kb-editorjs-holder{
--kb-editor-gutter:54px;
box-sizing:border-box;
min-height:520px;
padding:12px 18px 100px;
overflow:visible;
border:0;
border-radius:0!important;
background:#fff;
box-shadow:none;
}
.kb-editorjs-holder .codex-editor{width:100%;overflow:visible;color:#1e293b;font-size:16px}
.kb-editorjs-holder .codex-editor__redactor{
box-sizing:border-box;
width:100%;
padding-left:var(--kb-editor-gutter)!important;
padding-right:8px!important;
overflow:visible!important;
}
.kb-editorjs-holder .ce-block,
.kb-editorjs-holder .ce-block:hover{
background:transparent!important;
}
.kb-editorjs-holder .ce-block__content,
.kb-editorjs-holder .ce-toolbar__content{
width:100%;
max-width:920px;
margin-left:0;
margin-right:auto;
overflow:visible;
}
.kb-editorjs-holder .ce-block{margin:0!important;padding:0!important}
.kb-editorjs-holder .ce-paragraph{min-height:1.6em;margin:0!important;padding:0!important;line-height:1.6!important}
.kb-editorjs-holder .ce-header{color:#0f172a;letter-spacing:-.018em}
.kb-editorjs-holder .ce-toolbar__content{position:relative}
.kb-editorjs-holder .ce-toolbar__actions{
left:calc(-1 * var(--kb-editor-gutter) + 5px)!important;
right:auto!important;
width:40px!important;
min-width:40px!important;
max-width:40px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
gap:3px!important;
padding:0!important;
border:0!important;
border-radius:10px!important;
background:transparent!important;
box-shadow:none!important;
pointer-events:auto!important;
}
.kb-editorjs-holder .ce-block:hover .ce-toolbar__actions,
.kb-editorjs-holder .ce-toolbar__actions:hover,
.kb-editorjs-holder .ce-toolbar--opened .ce-toolbar__actions{
width:40px!important;
min-width:40px!important;
max-width:40px!important;
background:transparent!important;
box-shadow:none!important;
}
.kb-editorjs-holder .ce-toolbar__plus,
.kb-editorjs-holder .ce-toolbar__settings-btn{
width:34px!important;
height:34px!important;
flex:0 0 34px!important;
border:1px solid transparent!important;
background:#fff!important;
box-shadow:0 2px 8px rgba(15,23,42,.06);
}
.kb-editorjs-holder .ce-toolbar__plus:hover,
.kb-editorjs-holder .ce-toolbar__settings-btn:hover{
border-color:#ddd6fe!important;
background:#f5f3ff!important;
}
.kb-editorjs-tip{margin:8px 54px 0!important;color:#94a3b8!important}
.kb-property-tabs{
position:sticky;
top:-14px;
z-index:4;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:2px;
margin:0 -4px 12px;
padding:8px 4px 7px;
border-bottom:1px solid #e2e8f0;
background:rgba(248,250,252,.97);
backdrop-filter:blur(10px);
}
.kb-property-tabs button{height:32px;border:0;border-radius:8px;background:transparent;color:#64748b;font-size:12px;font-weight:800;cursor:pointer}
.kb-property-tabs button:hover{background:#fff;color:#6d28d9}
.kb-property-tabs button.active{background:#ede9fe;color:#6d28d9}
.kb-detail-editor [data-kb-property-panel]{display:none}
.kb-detail-editor[data-active-tab="properties"] [data-kb-property-panel="properties"],
.kb-detail-editor[data-active-tab="outline"] [data-kb-property-panel="outline"],
.kb-detail-editor[data-active-tab="relations"] [data-kb-property-panel="relations"],
.kb-detail-editor[data-active-tab="comments"] [data-kb-property-panel="comments"]{display:block}
.kb-comments-launcher{text-align:center;padding:26px 14px!important}
.kb-comments-launcher>svg{width:30px;height:30px;color:#8b5cf6}
.kb-comments-launcher strong{display:block;margin-top:10px;color:#0f172a}
.kb-comments-launcher p{color:#64748b;font-size:12px;line-height:1.65}
.kb-project-properties{gap:0}
.kb-project-property-hero{padding:4px 2px 14px;border-bottom:1px solid #e2e8f0}
.kb-project-property-hero small{color:#7c3aed;font-size:10px;font-weight:900;letter-spacing:.08em}
.kb-project-property-hero h3{margin:7px 0 8px;color:#0f172a;font-size:18px;line-height:1.35}
.kb-project-property-grid{display:grid;gap:0;margin-top:8px}
.kb-project-property-row{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;padding:10px 2px;border-bottom:1px solid #eef2f7;font-size:12px}
.kb-project-property-row span{color:#94a3b8}.kb-project-property-row strong{color:#334155;overflow-wrap:anywhere}
.kb-project-related{margin-top:16px}.kb-project-related h4{margin:0 0 8px;font-size:12px;color:#0f172a}.kb-project-related p{margin:0;color:#64748b;font-size:11px;line-height:1.65}
body.kb-project-database-mode #kbSubfolderGrid,
body.kb-project-database-mode .kb-view-hint,
body.kb-project-database-mode #kbFolderBreadcrumb{display:none!important}
body.kb-project-database-mode .kb-library-toolbar{display:none!important}
body.kb-project-database-mode #kbDocList{display:block!important}
body.kb-project-database-mode .kb-project-list-toolbar{margin-bottom:12px;padding:4px 2px 14px;border-bottom:1px solid #e2e8f0}
.kb-project-list-toolbar{align-items:center}
.kb-project-list-toolbar h3{margin:0;color:#0f172a;font-size:22px;letter-spacing:-.02em}
.kb-project-list-actions{align-items:center}
.kb-project-search{width:min(260px,32vw);height:36px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#94a3b8}
.kb-project-search:focus-within{border-color:#c4b5fd;box-shadow:0 0 0 3px rgba(139,92,246,.08)}
.kb-project-search svg{width:14px;height:14px;flex:0 0 auto}
.kb-project-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#334155;font-size:12px}
.kb-project-db-list{border-radius:12px;background:#fff}
.kb-project-list-head,
.kb-project-list-row{
display:grid!important;
grid-template-columns:minmax(180px,1.55fr) 86px 110px minmax(104px,.75fr) 100px minmax(110px,.8fr) 76px!important;
gap:10px!important;
align-items:center!important;
}
.kb-project-list-head{padding:9px 13px;border-bottom:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:11px;font-weight:800}
.kb-project-list-row{min-height:54px;padding:10px 13px!important;cursor:pointer}
.kb-project-list-row:hover{background:#faf8ff!important}
.kb-project-list-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1e293b;font-size:12px}
.kb-project-list-row em,.kb-project-list-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-project-progress-cell{position:relative;height:22px;display:flex!important;align-items:center!important;justify-content:flex-end;border-radius:999px;background:#f1f5f9;overflow:hidden!important}
.kb-project-progress-cell i{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#6366f1)}
.kb-project-progress-cell b{position:relative;z-index:1;padding-right:7px;color:#334155;font-size:10px}
.kb-project-card[hidden]{display:none!important}
.kb-inline-view-switch{display:flex;align-items:center;gap:3px;padding:7px 9px;border-bottom:1px solid #eef2f7;background:#fafbff}
.kb-inline-view-switch button{height:27px;padding:0 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:#64748b;font-size:10px;font-weight:850;cursor:pointer}
.kb-inline-view-switch button:hover{background:#fff;color:#6d28d9}.kb-inline-view-switch button.active{border-color:#ddd6fe;background:#ede9fe;color:#6d28d9}
.kb-inline-view-switch>span{margin-left:auto;color:#16a34a;font-size:9px;font-weight:850}.kb-inline-view-switch>span:before{content:"";display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#22c55e}
.kb-inline-live-link{display:flex;align-items:center;gap:9px;padding:12px 14px;color:#334155;text-decoration:none}.kb-inline-live-link:hover{background:#faf8ff}.kb-inline-live-link span{padding:3px 6px;border-radius:6px;background:#ede9fe;color:#6d28d9;font-size:9px;font-weight:900}.kb-inline-live-link strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.kb-inline-live-link em{color:#7c3aed;font-size:10px;font-style:normal;font-weight:800}
.kb-entity-card-block.view-table>.kb-inline-form-grid,.kb-entity-card-block.view-board>.kb-inline-form-grid,.kb-entity-card-block.view-table>.kb-inline-project-members,.kb-entity-card-block.view-board>.kb-inline-project-members,.kb-entity-card-block.view-table>.kb-inline-project-milestones,.kb-entity-card-block.view-board>.kb-inline-project-milestones{display:none}
.kb-inline-task-board{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:8px;overflow-x:auto;padding:8px;background:#f8fafc}.kb-inline-task-board section{min-height:120px;padding:8px;border:1px solid #eef2f7;border-radius:10px;background:#fff}.kb-inline-task-board h5{display:flex;justify-content:space-between;margin:0 0 7px;color:#334155;font-size:10px}.kb-inline-task-board h5 span{color:#94a3b8}.kb-inline-task-board section>p{margin:18px 0;text-align:center;color:#cbd5e1;font-size:10px}.kb-inline-task-board .kb-inline-project-task{grid-template-columns:12px minmax(0,1fr);align-items:start;border:1px solid #eef2f7;border-radius:8px;margin-top:6px;padding:7px}.kb-inline-task-board .kb-inline-project-task em,.kb-inline-task-board .kb-inline-project-task small,.kb-inline-task-board .kb-inline-project-task time,.kb-inline-task-board .kb-inline-project-task b{display:none}
@media(max-width:1420px){
.kb-notion-layout{grid-template-columns:240px minmax(500px,1fr) 280px!important}
.kb-layout-toggle-left{left:226px}.kb-layout-toggle-right{right:266px}
body.kb-library-collapsed .kb-notion-layout{grid-template-columns:0 minmax(500px,1fr) 280px!important}
body.kb-property-collapsed .kb-notion-layout{grid-template-columns:240px minmax(500px,1fr) 0!important}
.kb-panel-resizer{display:none}
.kb-project-list-head,.kb-project-list-row{grid-template-columns:minmax(160px,1.4fr) 82px 100px minmax(90px,.7fr) 96px!important}
.kb-project-list-head span:nth-child(6),.kb-project-list-head span:nth-child(7),.kb-project-list-row>*:nth-child(6),.kb-project-list-row>*:nth-child(7){display:none}
}
@media(max-width:1120px){
.kb-notion-layout{grid-template-columns:240px minmax(0,1fr)!important}
.kb-property-panel{display:none!important}
.kb-layout-toggle-right{display:none}
body.kb-library-collapsed .kb-notion-layout{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:760px){
.kb-notion-layout{display:block!important;margin:6px!important;border-radius:12px!important}
.kb-library-sidebar,.kb-property-panel{display:none!important}
.kb-layout-toggle{display:none!important}
.kb-library-main{padding:10px!important}
.kb-editor-commandbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.kb-editor-commandbar::-webkit-scrollbar{display:none}
.kb-title-row{padding-left:42px;padding-right:8px}
.kb-editorjs-holder{--kb-editor-gutter:42px;padding-left:8px;padding-right:6px}
.kb-editorjs-holder .ce-toolbar__actions{left:-39px!important}
}
/* Project workspace: clear, writable home instead of a read-only database row. */
body.kb-project-database-mode .kb-notion-layout,
body.kb-project-detail-open .kb-notion-layout{
grid-template-columns:var(--kb-library-width,280px) minmax(0,1fr) 0!important;
}
body.kb-project-database-mode .kb-property-panel,
body.kb-project-detail-open .kb-property-panel{display:none!important}
body.kb-project-database-mode .kb-layout-toggle-right,
body.kb-project-detail-open .kb-layout-toggle-right,
body.kb-project-database-mode .kb-panel-resizer-right,
body.kb-project-detail-open .kb-panel-resizer-right{display:none!important}
.kb-project-list-row:focus-visible{outline:3px solid rgba(124,58,237,.22);outline-offset:-3px;background:#faf8ff!important}
.kb-project-list-row>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-project-load-error{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#64748b;text-align:center}
.kb-project-load-error strong{color:#0f172a;font-size:18px}
.kb-project-home-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid #e9e7f5;border-radius:18px;background:linear-gradient(135deg,#fff 18%,#f5f3ff 100%)}
.kb-project-home-intro>div:first-child{max-width:680px}
.kb-project-home-intro>div:first-child>span{color:#7c3aed;font-size:10px;font-weight:950;letter-spacing:.12em}
.kb-project-home-intro h3{margin:7px 0 5px;color:#0f172a;font-size:20px;letter-spacing:-.02em}
.kb-project-home-intro p{margin:0;color:#64748b;font-size:12px;line-height:1.7}
.kb-project-home-stats{display:flex;gap:20px;flex:0 0 auto}
.kb-project-home-stats>span{display:flex;flex-direction:column;color:#94a3b8;font-size:10px;font-weight:750}
.kb-project-home-stats strong{margin-bottom:2px;color:#1e293b;font-size:16px}
.kb-project-inline-properties{display:flex;align-items:center;gap:8px;padding:3px 0 12px;overflow-x:auto;scrollbar-width:none}.kb-project-inline-properties::-webkit-scrollbar{display:none}
.kb-project-inline-properties label{display:flex;min-width:max-content;align-items:center;gap:6px;padding:5px 8px;border:1px solid #e2e8f0;border-radius:9px;background:#fff}.kb-project-inline-properties label>span{color:#94a3b8;font-size:10px;font-weight:800}
.kb-project-inline-properties select,.kb-project-inline-properties input{max-width:132px;padding:0;border:0;outline:0;background:transparent;color:#334155;font-size:11px;font-weight:800}.kb-project-inline-properties input[type="date"]{width:104px}.kb-project-inline-properties select:disabled,.kb-project-inline-properties input:disabled{opacity:.75}
.kb-project-home-editor{margin-top:14px;background:#fff}
.kb-project-home-loading{padding:50px 20px;color:#94a3b8;text-align:center}
.kb-project-home-savebar{position:sticky;top:-1px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 4px;border-bottom:1px solid #eef2f7;background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.kb-project-home-savebar>div{display:flex;align-items:center;gap:10px}
.kb-project-home-savebar>div:first-child{min-width:0;flex-direction:column;align-items:flex-start;gap:2px}
.kb-project-home-savebar strong{color:#0f172a;font-size:14px}.kb-project-home-savebar span{color:#94a3b8;font-size:10px}
.kb-project-home-save-state{font-weight:800}.kb-project-home-save-state.is-saving,.kb-project-home-save-state.is-dirty{color:#d97706}.kb-project-home-save-state.is-saved{color:#059669}.kb-project-home-save-state.is-error{color:#dc2626}
.kb-project-writing-canvas{width:min(900px,100%);margin:0 auto;padding:18px 28px 30px}
.kb-project-writing-section{padding:28px 0 12px;border-bottom:1px solid #eef2f7}.kb-project-writing-section:last-child{border-bottom:0}
.kb-project-writing-section>header{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;margin-bottom:8px}
.kb-project-writing-section>header>span{padding-top:3px;color:#8b5cf6;font-size:11px;font-weight:950;letter-spacing:.08em}
.kb-project-writing-section>header h3{margin:0;color:#0f172a;font-size:20px;letter-spacing:-.02em}.kb-project-writing-section>header p{margin:5px 0 0;color:#94a3b8;font-size:12px;line-height:1.65}
.kb-project-home-field{display:block;padding:16px 0 14px 46px}
.kb-project-home-field>strong{display:block;margin-bottom:5px;color:#334155;font-size:13px;font-weight:900}
.kb-project-home-field textarea{display:block;width:100%;box-sizing:border-box;resize:none;overflow:hidden;padding:5px 0;border:0;border-radius:0;background:transparent;color:#1e293b;font:15px/1.8 ui-sans-serif,system-ui;outline:0;transition:background .15s ease,box-shadow .15s ease}
.kb-project-home-field textarea:hover{background:linear-gradient(90deg,rgba(248,250,252,.9),transparent)}.kb-project-home-field textarea:focus{background:linear-gradient(90deg,rgba(245,243,255,.7),transparent);box-shadow:inset 3px 0 0 #8b5cf6;padding-left:14px}
.kb-project-home-field textarea:disabled{color:#475569;opacity:1;cursor:default}
.kb-project-home-field textarea::placeholder{color:#b5bfce;font-style:italic}
.kb-project-home-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(900px,100%);margin:0 auto;padding:4px 28px 34px}
.kb-project-home-link{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;color:#64748b;text-align:left;cursor:pointer}.kb-project-home-link:hover{border-color:#c4b5fd;background:#faf8ff}
.kb-project-home-link>svg{width:20px;height:20px;color:#7c3aed}.kb-project-home-link>span{display:flex;flex-direction:column;gap:2px}.kb-project-home-link strong{color:#334155;font-size:12px}.kb-project-home-link small{font-size:10px}
.kb-project-milestone-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.kb-project-milestone-toolbar h3{margin:0;color:#0f172a;font-size:18px}.kb-project-milestone-toolbar p{margin:4px 0 0;color:#94a3b8;font-size:11px}
.kb-project-milestones{width:min(900px,100%);margin:0 auto}.kb-project-milestone-line{position:relative;margin-left:16px;border-left:2px solid #ede9fe}
.kb-project-milestone{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 32px;gap:10px;padding:4px 0 26px 20px}.kb-project-milestone>button{display:grid;width:28px;height:28px;place-items:center;padding:0;border:0;border-radius:8px;background:#f5f3ff;color:#7c3aed;cursor:pointer}.kb-project-milestone>button:first-child{position:absolute;left:-15px;top:1px;border:2px solid #fff;border-radius:50%}.kb-project-milestone>button:last-child{grid-column:3;background:transparent;color:#cbd5e1}.kb-project-milestone>button:hover{background:#ede9fe;color:#6d28d9}.kb-project-milestone>button svg{width:14px;height:14px}
.kb-project-milestone>div{grid-column:2}.kb-project-milestone>div>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.kb-project-milestone strong{color:#1e293b;font-size:14px}.kb-project-milestone time{color:#64748b;font-size:11px}.kb-project-milestone p{margin:6px 0;color:#64748b;font-size:12px;line-height:1.65}.kb-project-milestone span{color:#94a3b8;font-size:10px}.kb-project-milestone.is-done{opacity:.7}.kb-project-milestone.is-done strong{text-decoration:line-through}.kb-project-milestone.is-overdue time,.kb-project-milestone.is-overdue span{color:#dc2626}
.kb-project-milestone-composer{margin:0 0 20px;padding:16px;border:1px solid #ddd6fe;border-radius:14px;background:#faf8ff}.kb-project-milestone-composer>div{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px}.kb-project-milestone-composer label{display:flex;flex-direction:column;gap:6px;color:#475569;font-size:11px;font-weight:850}.kb-project-milestone-composer input,.kb-project-milestone-composer textarea{padding:10px 11px;border:1px solid #ddd6fe;border-radius:9px;background:#fff;color:#1e293b;outline:0}.kb-project-milestone-composer>label{margin-top:12px}.kb-project-milestone-composer footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.kb-project-task-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.kb-project-view-switch{display:inline-flex;padding:3px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.kb-project-view-switch .kb-btn{min-height:30px;padding:5px 10px;border:0;background:transparent;box-shadow:none}.kb-project-view-switch .kb-btn.active{background:#fff;color:#6d28d9;box-shadow:0 1px 5px rgba(15,23,42,.09)}
.kb-project-task-board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:thin}.kb-project-task-column{min-width:220px;padding:10px;border:1px solid #e8edf4;border-radius:14px;background:#f8fafc}.kb-project-task-column>header{display:flex;align-items:center;justify-content:space-between;padding:2px 3px 10px;color:#334155}.kb-project-task-column>header strong{font-size:12px}.kb-project-task-column>header span{display:grid;min-width:22px;height:22px;place-items:center;border-radius:999px;background:#e9e5ff;color:#6d28d9;font-size:10px;font-weight:900}.kb-project-task-column-list{display:grid;align-content:start;gap:9px}.kb-project-task-column .kb-project-task-card{padding:11px;box-shadow:none}.kb-project-task-column .kb-project-task-card-head{display:block}.kb-project-task-column .kb-project-task-head-actions{display:flex;justify-content:space-between;margin-top:9px}.kb-project-task-column .kb-project-task-meta{display:grid;gap:5px}.kb-project-task-column .kb-project-task-chip{width:fit-content}.kb-project-task-column-empty{padding:24px 8px;color:#a1aabb;font-size:11px;text-align:center}
.kb-project-activity{padding:6px 2px}.kb-project-activity-list{position:relative;display:grid;gap:0;margin:8px 0 8px 12px;border-left:2px solid #ede9fe}
.kb-project-activity-list article{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;padding:5px 0 22px 18px}.kb-project-activity-list article>i{position:absolute;left:-7px;top:9px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#8b5cf6;box-shadow:0 0 0 1px #ddd6fe}
.kb-project-activity-list strong{color:#1e293b;font-size:13px}.kb-project-activity-list p{margin:4px 0;color:#64748b;font-size:12px;line-height:1.6}.kb-project-activity-list span{color:#94a3b8;font-size:10px}
@media(max-width:900px){.kb-project-home-intro{align-items:flex-start;flex-direction:column}.kb-project-home-stats{width:100%;justify-content:space-between}.kb-project-home-footer{grid-template-columns:1fr}.kb-project-writing-canvas{padding-left:8px;padding-right:8px}.kb-project-home-field{padding-left:18px}.kb-project-home-savebar{align-items:flex-start;flex-direction:column}.kb-project-home-savebar>div:last-child{width:100%;justify-content:space-between}.kb-project-milestone-composer>div{grid-template-columns:1fr}}
/* Project/task knowledge context views. */
.kb-knowledge-context-groups{display:grid;gap:16px}
.kb-knowledge-context-group{overflow:hidden;border:1px solid rgba(226,232,240,.92);border-radius:18px;background:rgba(248,250,252,.62)}
.kb-knowledge-context-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid rgba(226,232,240,.78);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.88))}
.kb-knowledge-context-group-head h4{margin:0;color:#1e293b;font-size:14px;font-weight:950;line-height:1.4}
.kb-knowledge-context-group-head h4 span{display:inline-grid;min-width:22px;height:22px;margin-left:5px;padding:0 6px;place-items:center;border-radius:999px;background:#ede9fe;color:#6d28d9;font-size:11px;font-weight:900;vertical-align:middle}
.kb-knowledge-context-group-head p{margin:4px 0 0;color:#94a3b8;font-size:11px;line-height:1.55}
.kb-knowledge-context-group-docs{display:grid;gap:9px;padding:10px}
.kb-knowledge-context-group-docs .kb-project-doc-card{margin:0;border-radius:14px;box-shadow:0 5px 16px rgba(15,23,42,.035)}
.kb-knowledge-context-group-empty{padding:14px 15px;color:#94a3b8;font-size:12px;line-height:1.6}
.kb-knowledge-relation-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.kb-knowledge-relation-chip{display:inline-flex;align-items:center;min-height:21px;padding:2px 7px;border:1px solid rgba(148,163,184,.2);border-radius:999px;background:#f8fafc;color:#64748b;font-size:10px;font-weight:850;line-height:1.35}
.kb-knowledge-relation-chip.relation{border-color:rgba(124,58,237,.18);background:#f5f3ff;color:#6d28d9}
.kb-knowledge-relation-chip.primary{border-color:rgba(37,99,235,.2);background:#eff6ff;color:#1d4ed8}
.kb-knowledge-relation-chip.reuse{border-color:rgba(14,116,144,.18);background:#ecfeff;color:#0e7490}
.kb-knowledge-relation-chip.source{border-color:rgba(5,150,105,.18);background:#ecfdf5;color:#047857}
.kb-knowledge-relation-chip.confidence{border-color:rgba(217,119,6,.18);background:#fffbeb;color:#b45309}
.kb-knowledge-context-groups-task{gap:12px}
.kb-knowledge-context-groups-task [data-kb-knowledge-group="direct"]{border-color:rgba(124,58,237,.22)}
.kb-knowledge-context-groups-task [data-kb-knowledge-group="project"] .kb-knowledge-context-group-head h4 span{background:#eff6ff;color:#2563eb}
.kb-knowledge-context-groups-task [data-kb-knowledge-group="recommended"] .kb-knowledge-context-group-head h4 span{background:#ecfdf5;color:#059669}
@media(max-width:720px){
.kb-knowledge-context-group-head{padding:12px}
.kb-knowledge-context-group-docs{padding:8px}
.kb-knowledge-context-card .kb-project-doc-card-head{flex-direction:column}
.kb-knowledge-context-card .kb-project-doc-card-actions{width:100%;justify-content:flex-start}
}
/* ===== Knowledge workspace V2 end ===== */
.source-topic-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.source-topic-list a{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#f0edff;color:#5b21b6;font-size:11px;text-decoration:none}.source-topic-list a:hover{background:#e7e0ff}