/* discount — tool-specific styles
   只放这个工具独有的东西。公共外观（toolbox / field / alert / runs 表格 / chip）
   已经在全局样式表里。

   ★ 不写任何裸色值：一律走主题变量（--surface / --line / --fg …）。 */

.ds-block {
  margin-top: 22px;
}

.ds-title {
  margin: 0 0 4px;
  font-size: 16px;
}

.ds-lede {
  margin: 0 0 16px;
  font-size: 13.5px;
  color: var(--fg-muted);
}

/* 步骤编辑区：类型下拉 + 数值 + 删除按钮，一行一步 */
.ds-steps {
  margin-top: 12px;
  display: grid;
  gap: 8px;
}

.ds-step {
  display: grid;
  grid-template-columns: minmax(120px, 180px) minmax(100px, 160px) auto;
  gap: 8px;
  align-items: center;
}

.ds-step__del {
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--fg-muted);
  border-radius: var(--radius-sm);
  width: 28px;
  height: 28px;
  line-height: 1;
  cursor: pointer;
}

.ds-step__del:hover {
  color: var(--fg);
}

/* 结果卡：4 张（最终价 / 总共省了 / 等效单一折扣 / 天真相加） */
.ds-kv {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.ds-kv__item {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 10px 12px;
  background: var(--surface);
}

.ds-kv__k {
  font-size: 12.5px;
  color: var(--fg-muted);
}

.ds-kv__v {
  font-size: 20px;
  font-variant-numeric: tabular-nums;
  margin-top: 2px;
}

.ds-kv__v--lead {
  font-weight: 600;
}

/* 数字列：右对齐 + 等宽 + 表格数字对齐 */
.ds-table td.ds-num,
.ds-table th.ds-num {
  text-align: right;
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
}