/* ====================================================================
   集成配置 · AI 点数（本 Demo 新增）
   --------------------------------------------------------------------
   ⚠ 刻意**不改原型 styles.css**：那一份是原型基线，动它会让「哪些是原型、哪些是
   我们加的」分不清，后续也无法一眼看出改动的边界。新样式一律独立文件 + `ic-`
   前缀（ic = integration config），避免和 ai-letter.css 的 `ai-` 前缀撞车。

   这里只补原型没有的几块：
     · .ic-usage-meta  —— 余额下方的一行口径说明（含「账本核对」异常态）
     · .ic-usage-note  —— 计费口径声明
     · .ic-order-*     —— 套餐订单列表
     · .ic-package-price —— 套餐价格行
   余额大字、进度条、套餐卡片本身复用原型已有的
   .ai-usage-summary / .usage-progress / .package-card / .package-grid。
   ==================================================================== */

#integration-config .ic-usage-meta {
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.7;
  color: var(--muted);
}

/* 对账不一致时必须显眼：这说明余额被人绕过账本改过，属于要立刻查的异常，
   不能长得和普通说明文字一样。 */
#integration-config .ic-usage-meta[data-warn="1"] {
  color: #b3261e;
}

#integration-config .ic-usage-note {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 1.7;
  color: var(--muted);
}

#integration-config .ic-order-list {
  margin-top: 4px;
}

#integration-config .ic-order-items {
  display: grid;
  gap: 6px;
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}

#integration-config .ic-order-items li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  font-size: 12px;
}

#integration-config .ic-order-items em {
  font-style: normal;
  color: var(--muted);
}

#integration-config .ic-order-items em[data-order-status="pending_review"] {
  color: #b26a00;
}

#integration-config .ic-order-items em[data-order-status="approved"] {
  color: #1b7f3b;
}

#integration-config .ic-order-items em[data-order-status="rejected"] {
  color: #b3261e;
}

#integration-config .ic-package-price {
  color: var(--text) !important;
  font-weight: 500;
}