/* Kole UI Collapse 样式 — 对齐 组件2.txt 规范：标题栏高40px、左侧箭头旋转90°、内容分割线、手风琴模式 */

.kole-collapse { border: 1px solid var(--kole-color-border); border-radius: 6px; overflow: hidden; font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); color: var(--kole-color-text-body); background: var(--kole-color-card-bg); }
.kole-collapse-item + .kole-collapse-item { border-top: 1px solid var(--kole-color-border); }

.kole-collapse-header {
  display: flex; align-items: center; gap: 8px;
  height: 40px; padding: 0 16px; cursor: pointer;
  font-size: 14px; color: var(--kole-color-text-body); background: var(--kole-color-card-bg);
  transition: background .15s; user-select: none;
}
.kole-collapse-header:hover { background: var(--kole-color-page-bg); }
.kole-collapse-item.is-disabled .kole-collapse-header { color: var(--kole-color-text-disabled); cursor: not-allowed; background: var(--kole-color-card-bg); }

.kole-collapse-arrow {
  display: inline-flex; align-items: center; justify-content: center;
  width: 16px; height: 16px; color: var(--kole-color-text-secondary); font-size: 12px;
  transition: transform .2s ease; transform: rotate(0deg);
}
.kole-collapse-item.is-open .kole-collapse-arrow { transform: rotate(90deg); }

.kole-collapse-title { flex: 1; }

.kole-collapse-content {
  padding: 16px; font-size: 14px; line-height: 1.6; color: var(--kole-color-text-tertiary);
  border-top: 1px solid var(--kole-color-border);   /* 内容分割线 */
  background: var(--kole-color-card-bg);
}
.kole-collapse-item.is-disabled .kole-collapse-content { color: var(--kole-color-text-disabled); }
