/*
 * 回收站（js/knowledge-trash.js）是知识库列表的第三个空间：列表、卡片、分页、详情都是知识库那一套，
 * 这里只写回收站独有的几样——列表上方那一行（知识库 / 模板切换 + 清空）、只在回收站露出的操作键与排序项、清空范围弹框。
 * 空间开关是 body.kb-space-trash（NavigationManager.applySpace），详情操作键看 .is-trash（DetailManager.applyTrashMode）。
 */

/*
 * ---------------- 列表上方的空间 tab 行（两行共用一个类） ----------------
 * #spaceBar：知识库 / 模版（侧栏「知识库·模版」的两个 tab，NavigationManager.NAV_GROUPS），回收站以外的列表才露；
 * #trashBar：回收站里的知识库 / 模板 + 清空回收站，只在回收站露。
 * tab 与「插件·技能·规则」同一组类，清空键远离搜索框。
 */
.kb-space-tabs-bar {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-shrink: 0;
    border-bottom: 1px solid var(--kb-paper-line);
}

body:not(.kb-space-trash) #spaceBar,
body.kb-space-trash #trashBar {
    display: flex;
}

/* 分隔线画在整行上（含清空键那一段），tab 自己不再画 */
.kb-space-tabs-bar .plugin-market-tabs {
    flex: 1 1 auto;
    min-width: 0;
    border-bottom: 0;
}

.kb-space-tabs-bar .kb-trash-clear {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex-shrink: 0;
    height: 32px;
    min-height: 32px;
    margin: 6px 16px 0 0;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--color-error);
    font-size: 0.8125rem;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

@media (any-hover: hover) {
    .kb-space-tabs-bar .kb-trash-clear:hover:where(:not(:disabled)):not(:where(html[data-kb-pointer='touch'] *)) {
        background: color-mix(in srgb, var(--color-error) 8%, transparent);
        border-color: color-mix(in srgb, var(--color-error) 30%, var(--kb-paper-line));
    }
}

.kb-space-tabs-bar .kb-trash-clear:disabled {
    cursor: not-allowed;
    color: var(--kb-control-disabled-text);
}

.kb-space-tabs-bar .kb-trash-clear:focus-visible:where(html:not(.kb-focus-pointer) *) {
    outline: 2px solid var(--kb-accent);
    outline-offset: 2px;
}

/* ---------------- 回收站里不能做的事：新建、批量（服务端没有批量恢复 / 彻底删除接口） ---------------- */
body.kb-space-trash #newKnowledge,
body.kb-space-trash .kb-batch-entry {
    display: none !important;
}

/* 「删除时间」排序只在回收站露出 */
body:not(.kb-space-trash) .sort-option[data-trash-only] {
    display: none;
}

/* ---------------- 详情操作键：回收站条目只露「恢复 / 全屏 / 彻底删除」，手机底栏只露「恢复 / 彻底删除」 ---------------- */
#detailActions:not(.is-trash) > [data-trash-only],
.detail-panel-actions:not(.is-trash) > [data-trash-only],
#detailActions.is-trash > :not([data-trash-only]):not(#detailFullscreenBtn),
.detail-panel-actions.is-trash > :not([data-trash-only]) {
    display: none !important;
}

/* 底栏只有两颗键，带上文字（知识库那五颗只放图标） */
.detail-panel-actions.is-trash .detail-panel-action-btn {
    gap: 6px;
}

/* ---------------- 清空范围弹框 ---------------- */
.kb-trash-clear-confirm {
    background: var(--color-error) !important;
    color: var(--text-inverse) !important;
    border-color: var(--color-error) !important;
}

.kb-trash-clear-scopes {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 18px;
}

.kb-trash-clear-scopes label {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 12px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    line-height: 1.5;
    cursor: pointer;
}

@media (max-width: 1023px) {
    /* 移动端可点区域 ≥ 44px */
    .kb-space-tabs-bar .kb-trash-clear {
        height: 44px;
        min-height: 44px;
        margin: 0 12px 0 0;
    }
}