/**
 * builder.css — 「在线图表制作」模块专属样式。
 * 共享类（.dv-tool/.dv-panel/.dv-row/.dv-btn/.dv-chips/.dv-chart/.dv-preview/.dv-note/.dv-flabel）
 * 一律复用 wpdataviz.css，此处只放本模块的差异化样式：列类型徽章、图类型分组行、
 * 迷你图画布、分箱滑杆等。
 */

/* 列类型徽章：数值=蓝 / 日期=橙 / 文本=灰（低饱和底色 + 深色文字，不与系列色语义打架） */
.dvb-badge {
  display: inline-block;
  margin-left: 6px;
  padding: 0 7px;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  border-radius: 999px;
  vertical-align: 1px;
}
.dvb-badge.n { color: #1c5cab; background: #e3edfb; }
.dvb-badge.d { color: #9a4a00; background: #fdeedd; }
.dvb-badge.s { color: #6b6f66; background: #efefea; }

/* 图类型分组行：组名窄固定栏 + chips 弹性换行（组多、类型多，必须能换行） */
.dvb-tgroup {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 8px;
}
.dvb-tgroup:last-child { margin-bottom: 0; }
.dvb-tgroup > .dv-flabel {
  flex: 0 0 34px;
  line-height: 31px; /* 与 chips 按钮高度对齐 */
}

/* 预览统计行与文件提示 */
.dvb-meta {
  margin: 0 0 8px;
  font-size: 12px;
  color: #9a9e94;
}
.dvb-actions { margin-top: 10px; }
.dvb-filehint { font-size: 12px; color: #9a9e94; }

/* 画布内层：撑满 .dv-chart（高度仍由共享 .dv-chart/.tall 控制） */
#dvb-chart { width: 100%; height: 100%; }

/* 迷你图：压低画布高度。选择器加权（0,2,0）以覆盖共享 .dv-chart（含 600px 媒体查询的 380px） */
.dv-chart.dvb-spark { height: 120px; }

/* 直方图分箱滑杆 */
#dvb-bins {
  width: 200px;
  accent-color: var(--mcp-ink, #0e402d);
}
#dvb-binsv {
  font-size: 13px;
  color: #2c2f2a;
  font-variant-numeric: tabular-nums; /* 拖动时数字对齐不跳动 */
}

/* 图表面板里的状态提示（当前图型的使用说明 / 错误） */
.dvb-hint { font-size: 12px; color: #9a9e94; }
.dvb-hint.dvb-err { color: #b3261e; }

/* .dv-row 有 display:flex，会盖掉 hidden 属性的默认 display:none —— 必须显式恢复 */
.dv-tool .dv-row[hidden] { display: none !important; }

/* 数据输入框加高：全局 textarea 130px 对本页不够——示例 12 行已出滚动条，
   粘贴几十行 Excel 时可视区太小，用户会怀疑「没粘贴全」（视觉评审反馈） */
#dvb-input { min-height: 230px; }