/*
 * 知识库详情页右侧的内置浏览器与通用终端（js/kb-detail-browser.js，仅桌面端）：`.knowledge-area` 里列表、详情之后的第三列。
 * 面板本身（标签栏 / 工具条 / webview）与 AI 右侧栏同一套样式（css/ai-browser.css），这里只管这一列的几何。
 * 永远挤压详情、不做浮层；腾地方（收左侧菜单栏 → 收知识列表）在 js 里。
 */

.kb-detail-browser-handle,
.kb-detail-side-split {
    --kb-splitter-line: var(--kb-paper-line, rgba(96, 84, 62, 0.15));
}

.kb-detail-browser-handle[hidden],
.kb-detail-browser-column[hidden],
.kb-detail-side-split[hidden] {
    display: none;
}

.kb-detail-browser-column {
    flex: 0 0 var(--kb-detail-browser-width, 480px);
    width: var(--kb-detail-browser-width, 480px);
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: var(--kb-paper, #fbfaf5);
    box-sizing: border-box;
    position: relative;
}

/* V3.176 起栏里有两个窗格：浏览器在上、终端在下（js/ai-terminal.js 的 kb 停靠位）。
   只开一个时它占满整栏；两个都开时上面按比例、下面拿剩下的（与 css/ai-side-panel.css 同一套） */
.kb-detail-browser-column > [data-side-pane] {
    flex: 1 1 0;
    min-height: 0;
}

.kb-detail-browser-column.is-split > [data-side-pane="browser"] {
    flex: 0 0 var(--kb-detail-side-split, 50%);
}

.kb-detail-browser-column > [data-side-pane][hidden] {
    display: none;
}

/* 详情是 flex: 1，默认的 min-width: auto 会让长代码块把它撑住、挤不动 */
body.kb-detail-browser-open .knowledge-detail {
    min-width: 0;
}

/* 腾地方第 ② 级：临时收起知识列表（只改内存，收起浏览器时摘掉） */
body.kb-detail-browser-hide-list .knowledge-list {
    display: none !important;
}

/* 窄窗口的详情是全屏弹框，没有右侧这一栏 */
@media (max-width: 1023px) {
    .kb-detail-browser-handle,
    .kb-detail-browser-column {
        display: none !important;
    }
}