.kb-native{height:100%;overflow:auto;padding:18px;background:#f8fafc;color:#1e293b}.kb-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.kb-summary>div,.kb-toolbar,.kb-workspace{background:#fff;border:1px solid #e2e8f0;border-radius:18px}.kb-summary>div{padding:12px 15px}.kb-summary span{display:block;font-size:10px;font-weight:800;text-transform:uppercase;color:#64748b}.kb-summary strong{font-size:23px}.kb-toolbar,.kb-toolbar form{display:flex;gap:9px}.kb-toolbar{padding:14px 16px;margin-bottom:14px}.kb-toolbar form{flex:1}.kb-field{width:100%;border:1px solid #cbd5e1;border-radius:11px;padding:10px 12px;background:#fff;color:inherit}.kb-search{flex:1;min-width:220px}.kb-toolbar select{max-width:170px}.kb-toolbar button,.kb-detail button,#kbGuideForm button{border:0;border-radius:11px;background:#4f46e5;color:#fff;padding:11px 16px;font-weight:700;white-space:nowrap}.kb-workspace{display:grid;grid-template-columns:minmax(310px,38%) 1fr;min-height:610px;overflow:hidden}.kb-list{border-right:1px solid #e2e8f0;overflow:auto}.kb-card{display:block;width:100%;text-align:left;padding:17px;border:0;border-bottom:1px solid #e2e8f0;background:transparent;color:inherit}.kb-card:hover,.kb-card.selected{background:#eef2ff}.kb-card>div,.kb-card footer,.kb-detail header,.kb-meta{display:flex;align-items:center;gap:9px}.kb-card>div small{color:#64748b}.kb-status{margin-left:auto;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:800}.kb-status.published{background:#dcfce7;color:#166534}.kb-status.draft{background:#fef3c7;color:#92400e}.kb-card h3{font-size:15px;font-weight:800;margin:8px 0 5px}.kb-card p{font-size:12px;color:#64748b}.kb-card footer{margin-top:10px}.kb-card footer span{color:var(--type);font-size:11px;font-weight:700}.kb-card footer small{margin-left:auto}.kb-detail{padding:28px;overflow:auto}.kb-detail header>div{flex:1}.kb-detail h1{font-size:28px;font-weight:850;margin:4px 0}.kb-detail header p{color:#64748b}.kb-meta{flex-wrap:wrap;margin:20px 0}.kb-meta span{border-radius:99px;padding:5px 10px;background:#eef2f7;font-size:11px;font-weight:700}.kb-content{line-height:1.75;font-size:14px;border-top:1px solid #e2e8f0;padding-top:22px}.kb-files{margin-top:28px}.kb-files h3{font-weight:800}.kb-files a{display:block;margin-top:8px;color:#4f46e5}.kb-detail-empty,.kb-empty{padding:60px 20px;text-align:center;color:#64748b}.kb-detail-empty{display:grid;place-content:center;height:100%}#kbGuideDialog{width:min(900px,calc(100vw - 30px));max-height:calc(100vh - 30px);border:1px solid #e2e8f0;border-radius:20px;padding:0;background:#fff;color:#1e293b}#kbGuideDialog::backdrop{background:#020617aa}#kbGuideForm{display:grid;gap:14px;padding:24px;max-height:calc(100vh - 30px);overflow:auto}#kbGuideForm header,#kbGuideForm footer{display:flex;align-items:center;gap:10px}#kbGuideForm header>div{flex:1}#kbGuideForm h2{font-size:22px;font-weight:800}#kbGuideForm label{font-size:11px;font-weight:800;text-transform:uppercase;color:#64748b}#kbGuideForm label .kb-field{display:block;margin-top:5px;text-transform:none}.kb-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kb-form-grid.two{grid-template-columns:1fr 1fr}#kbGuideForm footer{justify-content:flex-end;border-top:1px solid #e2e8f0;padding-top:14px}#kbGuideForm .kb-delete{margin-right:auto;background:#dc2626}.dark .kb-native{background:#0a0a0a;color:#f5f5f5}.dark .kb-summary>div,.dark .kb-toolbar,.dark .kb-workspace,.dark #kbGuideDialog{background:#171717;border-color:#404040;color:#f5f5f5}.dark .kb-field,.dark .kb-meta span{background:#262626;border-color:#525252;color:#fff}.dark .kb-list,.dark .kb-card,.dark .kb-content{border-color:#404040}.dark .kb-card:hover,.dark .kb-card.selected{background:#1e1b4b}@media(max-width:1100px){.kb-toolbar,.kb-toolbar form{flex-wrap:wrap}.kb-search{flex-basis:100%}.kb-toolbar select{max-width:none;flex:1}.kb-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.kb-native{padding:10px}.kb-workspace{grid-template-columns:1fr}.kb-detail{display:none}.kb-form-grid,.kb-form-grid.two{grid-template-columns:1fr}}