/* ==================================================================
   精致克制商业质感覆盖层（2026-10-14 定稿：画面 B/C 精致版）
   依据 Stitch「确认订单 · 精致克制商业质感版」导出样式。
   原则：不改变布局与文案，只做视觉精致化。
     1. 主按钮/确认按钮：极轻纵向微渐变 + 克制蓝色投影
     2. 价格数字：深蓝加粗视觉锚点
     3. 图标底座：浅蓝底 + 深蓝图标
     4. 卡片边框：极淡冷灰蓝
     5. 选中态：浅蓝底 + 细蓝边 + 深蓝实心勾
   ================================================================== */

/* ---------- 1. 主操作按钮：微渐变 + 克制投影（保留按下微缩） ---------- */
button.bg-primary,
#query-btn,
#submit-order-btn,
.modal-confirm {
  background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%) !important;
  box-shadow: 0 4px 12px rgba(29, 78, 216, 0.18) !important;
}
button.bg-primary:disabled,
#query-btn:disabled,
#submit-order-btn:disabled {
  background: #94a3b8 !important;
  box-shadow: none !important;
}

/* ---------- 2. 价格/金额数字：深蓝加粗锚点 ---------- */
/* 底部结算栏合计（Vue 渲染于 .font-price-num） */
.font-price-num {
  color: #1d4ed8 !important;
  font-weight: 700 !important;
  font-feature-settings: 'tnum' 1;
}
/* 抽屉内草稿合计 */
.draft-total strong {
  color: #1d4ed8 !important;
  font-weight: 700 !important;
  font-feature-settings: 'tnum' 1;
}
/* 商品单价（¥xx.xx / 门） */
.text-primary.font-semibold {
  font-feature-settings: 'tnum' 1;
}

/* ---------- 3. 图标底座：浅蓝底 + 深蓝图标 ---------- */
/* 商品图标块（w-9 h-9 底座，无图片时） */
.w-9.h-9.bg-surface-container-low {
  background: #eff4ff !important;
  color: #1d4ed8 !important;
}
/* 支付方式图标圆底 */
.w-8.h-8.bg-primary\/10 {
  background: #eff4ff !important;
  color: #1d4ed8 !important;
}

/* ---------- 4. 卡片边框：极淡冷灰蓝 ---------- */
.shadow-\[0_0_0_1px_\#e2e8f0\] {
  --tw-shadow: 0 0 0 1px #e4eaf3 !important;
  --tw-shadow-colored: 0 0 0 1px #e4eaf3 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

/* ---------- 5. 选中态：细蓝边强化 ---------- */
/* 摘要卡「选课」按钮描边 */
.shadow-\[0_0_0_1px_\#b4c5ff\] {
  --tw-shadow: 0 0 0 1px #93c5fd !important;
  --tw-shadow-colored: 0 0 0 1px #93c5fd !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  color: #1d4ed8 !important;
}
/* 支付选中圆点勾徽章统一深蓝 */
.w-5.h-5.bg-primary {
  background: #1d4ed8 !important;
}

/* ---------- 6. 「全选」等文字链接统一深蓝 ---------- */
.modal-all {
  color: #1d4ed8 !important;
}
.strip button {
  color: #1d4ed8 !important;
}

/* ---------- 7. 课程行选中态微调（与 B/C 定稿一致） ---------- */
.course-row.on {
  background: #eff4ff !important;
}
.course-row.on .check {
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}

/* ---------- 8. 焦点可见性沿用淡蓝，不变 ---------- */