/* Kole UI Tree 样式 — 对齐 组件2.txt Tree 规范 */
.kole-tree { min-width: 240px; border: 1px solid var(--kole-color-border); border-radius: 8px; padding: 4px; background: var(--kole-color-card-bg); }
.kole-tree-node {
  display: flex; align-items: center; gap: 4px; height: 32px; border-radius: 4px;
  cursor: pointer; user-select: none; font-size: 14px; color: var(--kole-color-text-body); padding-inline-end: 8px;
}
.kole-tree-node:hover { background: var(--kole-color-page-bg); }
.kole-tree-node.is-selected { background: var(--kole-color-brand-bg); color: var(--kole-color-brand); }
.kole-tree-arrow {
  display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px;
  font-size: 12px; color: var(--kole-color-text-secondary); transition: transform .15s; flex-shrink: 0;
}
.kole-tree-arrow.is-open { transform: rotate(90deg); }
.kole-tree-arrow-placeholder { width: 16px; flex-shrink: 0; }
.kole-tree-check { width: 14px; height: 14px; flex-shrink: 0; cursor: pointer; }
.kole-tree-label { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }