/* Kole UI ChartPanel 样式 — 对齐 组件7.txt ChartPanel：可折叠图表容器，标题栏带展开/折叠、刷新、导出 */

.kole-chartpanel { background: var(--kole-color-card-bg); border: 1px solid var(--kole-color-border); border-radius: 8px; font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); color: var(--kole-color-text-body); }
.kole-chartpanel-head { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--kole-color-border); }
.kole-chartpanel-title { font-size: 14px; font-weight: 500; color: var(--kole-color-text-title); }
.kole-chartpanel-tools { display: flex; gap: 8px; }
.kole-chartpanel-tool { border: none; background: none; cursor: pointer; color: var(--kole-color-text-tertiary); font-size: 13px; padding: 4px 8px; border-radius: 4px; }
.kole-chartpanel-tool:hover { background: var(--kole-color-brand-bg); color: var(--kole-color-brand); }
.kole-chartpanel-caret { transition: transform .2s; }
.kole-chartpanel.is-collapsed .kole-chartpanel-caret { transform: rotate(-90deg); }
.kole-chartpanel.is-collapsed .kole-chartpanel-body { display: none; }
.kole-chartpanel-body { padding: 16px; }