/* IT4Y_KNOWLEDGE_BASE_ADMIN_UI_V2_2026_08_14
   Isolated Knowledge Base presentation. No transport or lifecycle behavior. */
.kb-shell{--kb-ink:#172033;--kb-muted:#667085;--kb-line:#e4e7ec;--kb-soft:#f7f8fa;--kb-brand:#2563eb;--kb-brand-soft:#eff6ff;--kb-good:#067647;--kb-warn:#b54708;--kb-archive:#475467;color:var(--kb-ink);display:grid;gap:18px;min-width:0;max-width:1560px;margin:0 auto;padding-bottom:30px}
.kb-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid #dbe3f1;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f7faff 58%,#eef4ff 100%);box-shadow:0 12px 36px rgba(31,55,94,.07)}
.kb-hero h2{font-size:28px;line-height:1.15;letter-spacing:-.025em;margin:2px 0 8px;color:#101828}
.kb-hero p{margin:0;color:#667085;line-height:1.55;max-width:720px}
.kb-eyebrow{font-size:11px!important;line-height:1.2!important;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#175cd3!important}
.kb-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.kb-authority{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 11px;border:1px solid #b2ccff;border-radius:999px;background:#eff8ff;color:#1849a9;font-size:12px;font-weight:750;white-space:nowrap}
.kb-authority:before{content:"";width:7px;height:7px;border-radius:50%;background:#1570ef;box-shadow:0 0 0 4px rgba(21,112,239,.12)}
.kb-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kb-metrics>div{display:flex;flex-direction:column;gap:3px;padding:15px 17px;border:1px solid var(--kb-line);border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(16,24,40,.035)}
.kb-metrics strong{font-size:22px;line-height:1.1;letter-spacing:-.02em;color:#101828}.kb-metrics span{font-size:12px;color:var(--kb-muted)}
.kb-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(130px,1fr)) auto;align-items:end;gap:10px;padding:14px;border:1px solid var(--kb-line);border-radius:15px;background:#fff}
.kb-filters label,.kb-field-grid label,.kb-category-panel label,.kb-add-locale{display:grid;gap:6px;min-width:0;color:#344054;font-size:12px;font-weight:700}
.kb-filters input,.kb-filters select,.kb-field-grid input,.kb-field-grid select,.kb-field-grid textarea,.kb-category-panel input,.kb-category-panel select,.kb-add-locale select{box-sizing:border-box;width:100%;min-height:42px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#101828;padding:9px 11px;font:inherit;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}
.kb-filters input:focus,.kb-filters select:focus,.kb-field-grid input:focus,.kb-field-grid select:focus,.kb-field-grid textarea:focus,.kb-category-panel input:focus,.kb-category-panel select:focus,.kb-add-locale select:focus{border-color:#84adff;box-shadow:0 0 0 3px rgba(21,112,239,.14)}
.kb-filter-actions{display:flex;gap:7px}.kb-filter-actions .btn{min-height:42px}
.kb-table-wrap{overflow-x:auto;border:1px solid var(--kb-line);border-radius:15px;background:#fff;box-shadow:0 4px 18px rgba(16,24,40,.035)}
.kb-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1110px}.kb-table th{padding:11px 13px;border-bottom:1px solid var(--kb-line);background:#f9fafb;color:#475467;font-size:11px;text-align:left;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}.kb-table td{padding:13px;border-bottom:1px solid #f0f1f3;vertical-align:middle;font-size:13px}.kb-table tr:last-child td{border-bottom:0}.kb-table tbody tr:hover{background:#fbfdff}.kb-table th:last-child,.kb-table td:last-child{text-align:right}
.kb-title-link{display:grid;gap:4px;max-width:330px;padding:0;border:0;background:transparent;color:#101828;text-align:left;cursor:pointer}.kb-title-link strong{font-size:13px;line-height:1.35}.kb-title-link span{overflow:hidden;color:#667085;font:11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.kb-title-link:hover strong,.kb-title-link:focus-visible strong{color:#175cd3}.kb-title-link:focus-visible{outline:2px solid #84adff;outline-offset:4px;border-radius:4px}
.kb-status{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:3px 9px;border:1px solid;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.kb-status span{width:6px;height:6px;border-radius:50%;background:currentColor}.kb-status-draft{border-color:#fedf89;background:#fffaeb;color:#b54708}.kb-status-published{border-color:#abefc6;background:#ecfdf3;color:#067647}.kb-status-archived{border-color:#d0d5dd;background:#f2f4f7;color:#475467}
.kb-vis{display:block;margin-top:5px;color:#667085;font-size:10px;text-transform:capitalize}.kb-locale{display:inline-flex;align-items:center;justify-content:center;min-width:31px;padding:4px 6px;border:1px solid #d0d5dd;border-radius:7px;background:#f9fafb;color:#344054;font-size:10px;font-weight:800}.kb-chips{display:flex;gap:4px;flex-wrap:wrap}.kb-chip{display:inline-flex;max-width:160px;padding:3px 7px;border-radius:6px;background:#f2f4f7;color:#475467;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-muted,.kb-date{color:#667085;font-size:12px}.kb-num{text-align:right;font-variant-numeric:tabular-nums}.kb-row-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.kb-row-actions .btn{white-space:nowrap}
.kb-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:4px 2px;color:#667085;font-size:12px}.kb-pagination>div{display:flex;align-items:center;gap:10px}.kb-pagination button:disabled{opacity:.45;cursor:not-allowed}
.kb-state,.kb-loading{display:grid;place-items:center;gap:8px;min-height:230px;padding:30px;border:1px dashed #cfd7e6;border-radius:15px;background:#fff;text-align:center}.kb-state strong{font-size:16px}.kb-state p{margin:0 0 6px;color:#667085}.kb-state-error{border-color:#fecdca;background:#fffafa;color:#b42318}.kb-spinner{width:22px;height:22px;border:3px solid #dbe7ff;border-top-color:#2563eb;border-radius:50%;animation:kb-spin .8s linear infinite}@keyframes kb-spin{to{transform:rotate(360deg)}}
.kb-inline-warning,.kb-inline-info,.kb-inline-error,.kb-inline-success{padding:11px 13px;border:1px solid;border-radius:10px;font-size:13px;line-height:1.45}.kb-inline-warning{border-color:#fedf89;background:#fffaeb;color:#93370d}.kb-inline-info{border-color:#b2ccff;background:#eff8ff;color:#1849a9}.kb-inline-error{border-color:#fecdca;background:#fef3f2;color:#b42318}.kb-inline-success{border-color:#abefc6;background:#ecfdf3;color:#067647}
.kb-category-panel{display:grid;gap:12px;padding:18px;border:1px solid #b2ccff;border-radius:15px;background:#f7faff}.kb-category-panel[hidden]{display:none}.kb-category-panel h3{margin:0 0 3px;font-size:16px}.kb-category-panel p{margin:0;color:#667085;font-size:12px}.kb-category-panel form{display:grid;grid-template-columns:1.2fr 1fr 150px 2fr auto;align-items:end;gap:10px}.kb-category-panel button{min-height:42px}
.kb-mobile-list{display:none}
.kb-back{min-height:34px;padding:0;border:0;background:transparent;color:#175cd3;font-weight:700;cursor:pointer}.kb-back:hover{text-decoration:underline}.kb-back:focus-visible{outline:2px solid #84adff;outline-offset:3px;border-radius:4px}
.kb-lifecycle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;border:1px solid var(--kb-line);border-radius:13px;background:#fff}.kb-lifecycle>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.kb-lifecycle>div:first-child>span:not(.kb-status){color:#667085;font-size:12px}
.kb-editor-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,.8fr);align-items:start;gap:15px}.kb-editor-main,.kb-editor-side{display:grid;gap:15px;min-width:0}.kb-panel{min-width:0;padding:18px;border:1px solid var(--kb-line);border-radius:15px;background:#fff;box-shadow:0 4px 15px rgba(16,24,40,.03)}.kb-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.kb-panel-head h3{margin:0 0 4px;color:#101828;font-size:16px}.kb-panel-head p{margin:0;color:#667085;font-size:12px;line-height:1.45}
.kb-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.kb-field-grid .kb-wide{grid-column:1/-1}.kb-field-grid label>span small{color:#98a2b3;font-size:10px;font-weight:500}.kb-field-grid textarea{resize:vertical;line-height:1.55;min-height:76px}.kb-field-grid #kb-edit-body{min-height:300px;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}
.kb-translation-head{align-items:end}.kb-add-locale{grid-template-columns:minmax(130px,1fr) auto;align-items:end}.kb-add-locale>span{grid-column:1/-1}.kb-locale-tabs{display:flex;align-items:stretch;gap:6px;padding:5px;margin-bottom:14px;border:1px solid #e4e7ec;border-radius:11px;background:#f9fafb;overflow-x:auto}.kb-locale-tab{display:flex;align-items:center;gap:7px;min-height:42px;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#475467;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.kb-locale-tab>span{display:inline-grid;place-items:center;min-width:25px;height:22px;border-radius:5px;background:#e4e7ec;font-size:9px}.kb-locale-tab small{color:#667085;font-size:9px;font-weight:600}.kb-locale-tab.active{border-color:#b2ccff;background:#fff;color:#1849a9;box-shadow:0 1px 3px rgba(16,24,40,.08)}.kb-locale-tab.active>span{background:#d1e9ff;color:#175cd3}.kb-locale-tab:focus-visible{outline:2px solid #84adff;outline-offset:1px}
.kb-translation-form[dir=rtl] label>span{text-align:right}.kb-translation-form[dir=rtl] input,.kb-translation-form[dir=rtl] textarea{text-align:right}.kb-editor-actions{position:sticky;bottom:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;border:1px solid #d0d5dd;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 8px 28px rgba(16,24,40,.12);backdrop-filter:blur(9px);z-index:10}
.kb-category-checks{display:grid;gap:7px;max-height:360px;overflow:auto}.kb-check{display:flex;align-items:flex-start;gap:9px;padding:9px;border:1px solid #e4e7ec;border-radius:9px;cursor:pointer}.kb-check:hover{background:#f9fafb}.kb-check input{width:17px;height:17px;margin:2px 0 0;accent-color:#2563eb}.kb-check span{display:grid;gap:2px;min-width:0}.kb-check strong{overflow:hidden;color:#344054;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.kb-check small{color:#667085;font-size:10px}
.kb-revisions{display:grid;gap:0;margin:0;padding:0;list-style:none}.kb-revisions li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #f0f1f3}.kb-revisions li:last-child{border-bottom:0}.kb-revisions li>span:first-child{display:grid;place-items:center;width:32px;height:27px;border-radius:7px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:800}.kb-revisions li>div{display:grid;gap:2px;min-width:0}.kb-revisions strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.kb-revisions small{overflow:hidden;color:#667085;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.kb-revisions .kb-status{padding:2px 6px;font-size:9px}.kb-revisions .kb-status span{width:4px;height:4px}
.kb-preview{display:grid;gap:12px;padding:18px;border:1px solid #b2ccff;border-radius:15px;background:#f7faff}.kb-preview h3{margin:2px 0 5px;font-size:22px}.kb-preview p{margin:0;color:#667085;font-size:12px}.kb-preview pre{max-height:520px;margin:0;padding:16px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#344054;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}
.kb-row-actions .success,.kb-editor-actions .success,.kb-lifecycle .success{border-color:#079455;background:#079455;color:#fff}
[data-theme=dark] .kb-shell{--kb-ink:#eef2f8;--kb-muted:#98a2b3;--kb-line:#344054;--kb-soft:#182230}
[data-theme=dark] .kb-hero{border-color:#344054;background:linear-gradient(135deg,#182230,#101828);box-shadow:none}[data-theme=dark] .kb-hero h2,[data-theme=dark] .kb-panel h3,[data-theme=dark] .kb-metrics strong,[data-theme=dark] .kb-title-link,[data-theme=dark] .kb-field-grid input,[data-theme=dark] .kb-field-grid select,[data-theme=dark] .kb-field-grid textarea,[data-theme=dark] .kb-filters input,[data-theme=dark] .kb-filters select,[data-theme=dark] .kb-category-panel input,[data-theme=dark] .kb-category-panel select{color:#f2f4f7}
[data-theme=dark] .kb-metrics>div,[data-theme=dark] .kb-filters,[data-theme=dark] .kb-table-wrap,[data-theme=dark] .kb-state,[data-theme=dark] .kb-loading,[data-theme=dark] .kb-lifecycle,[data-theme=dark] .kb-panel,[data-theme=dark] .kb-editor-actions{border-color:#344054;background:#182230;box-shadow:none}
[data-theme=dark] .kb-table th{border-color:#344054;background:#101828;color:#98a2b3}[data-theme=dark] .kb-table td{border-color:#293548}[data-theme=dark] .kb-table tbody tr:hover{background:#202c3f}[data-theme=dark] .kb-filters input,[data-theme=dark] .kb-filters select,[data-theme=dark] .kb-field-grid input,[data-theme=dark] .kb-field-grid select,[data-theme=dark] .kb-field-grid textarea,[data-theme=dark] .kb-category-panel input,[data-theme=dark] .kb-category-panel select,[data-theme=dark] .kb-add-locale select,[data-theme=dark] .kb-preview pre{border-color:#475467;background:#101828}
[data-theme=dark] .kb-category-panel,[data-theme=dark] .kb-preview{border-color:#2e5aac;background:#13213a}[data-theme=dark] .kb-locale-tabs{border-color:#344054;background:#101828}[data-theme=dark] .kb-locale-tab.active{border-color:#2e90fa;background:#182230}[data-theme=dark] .kb-check{border-color:#344054}[data-theme=dark] .kb-check:hover{background:#202c3f}
@media (max-width:1180px){.kb-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.kb-search{grid-column:span 2}.kb-filter-actions{justify-content:flex-end}.kb-editor-layout{grid-template-columns:minmax(0,1.65fr) minmax(250px,.85fr)}}
@media (max-width:900px){.kb-hero{padding:20px}.kb-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-search{grid-column:1/-1}.kb-filter-actions{grid-column:1/-1}.kb-table-wrap{display:none}.kb-mobile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kb-mobile-card{display:grid;gap:13px;padding:15px;border:1px solid var(--kb-line);border-radius:14px;background:#fff}.kb-mobile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.kb-mobile-top h3{margin:0 0 3px;font-size:14px;line-height:1.35}.kb-mobile-top code{color:#667085;font-size:10px}.kb-mobile-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.kb-mobile-card dl>div{display:grid;gap:2px}.kb-mobile-card dt{color:#667085;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.kb-mobile-card dd{margin:0;color:var(--kb-ink);font-size:12px}.kb-mobile-card .kb-row-actions{justify-content:flex-start}.kb-category-panel form{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-category-description{grid-column:1/-1}.kb-editor-layout{grid-template-columns:1fr}.kb-editor-side{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-editor-actions{position:static}.kb-lifecycle{align-items:flex-start}}
@media (max-width:620px){.kb-shell{gap:13px}.kb-hero{display:grid;gap:15px;padding:17px;border-radius:14px}.kb-hero h2{font-size:23px}.kb-hero-actions{justify-content:flex-start}.kb-hero-actions .btn{flex:1 1 auto;min-height:44px}.kb-metrics{gap:8px}.kb-metrics>div{padding:12px}.kb-metrics strong{font-size:18px}.kb-filters{grid-template-columns:1fr;padding:12px}.kb-search,.kb-filter-actions{grid-column:auto}.kb-filter-actions .btn{flex:1}.kb-mobile-list{grid-template-columns:1fr}.kb-pagination{align-items:flex-start;flex-direction:column}.kb-pagination>div{width:100%;justify-content:space-between}.kb-category-panel{padding:14px}.kb-category-panel form{grid-template-columns:1fr}.kb-category-description{grid-column:auto}.kb-editor-layout,.kb-editor-side{grid-template-columns:1fr}.kb-panel{padding:14px}.kb-panel-head,.kb-translation-head{display:grid}.kb-field-grid{grid-template-columns:1fr}.kb-field-grid .kb-wide{grid-column:auto}.kb-add-locale{grid-template-columns:minmax(0,1fr) auto}.kb-lifecycle{display:grid}.kb-lifecycle>div:last-child{justify-content:flex-start}.kb-editor-actions .btn{flex:1 1 44%;min-height:44px}.kb-preview h3{font-size:19px}}
@media (prefers-reduced-motion:reduce){.kb-spinner{animation-duration:1.8s}.kb-shell *{scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media (forced-colors:active){.kb-authority,.kb-status,.kb-chip,.kb-locale-tab,.kb-panel,.kb-hero{forced-color-adjust:auto}.kb-status span{background:CanvasText}}