/* ═══════════════════════════════════════════════════════
   INCENTIVE.CSS — 开单激励奖排行榜（2026-11-01 新增）
   ⚠️ 配色与 ranking.css 同一套语义：容器=中性底、数值=数据蓝、强调=品牌蓝，
      不引入第四种颜色（项目规范 .impeccable.md）。深色模式必须显式写 color。
   ═══════════════════════════════════════════════════════ */
.inc-wrap {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}
.inc-bar {
  padding: 8px 12px;
  border-radius: 10px;
  background: var(--rk-bg-soft, #f5f7fa);
  border: 1px solid var(--rk-line-soft, rgba(15, 23, 42, .1));
  color: var(--rk-mute, #64748b);
  font-size: 13px;
  line-height: 1.6;
}
.inc-bar.is-warn {
  background: rgba(217, 119, 6, .1);
  border-color: rgba(217, 119, 6, .35);
  color: #92400e;
}
.inc-bar.is-arch {
  background: rgba(37, 99, 235, .1);
  border-color: rgba(37, 99, 235, .32);
  color: #1d4ed8;
}
.inc-card {
  background: #fff;
  border: 1px solid var(--rk-line-soft, rgba(15, 23, 42, .1));
  border-radius: 14px;
  padding: 14px 16px 12px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}
.inc-h3 {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}
.inc-h3 em {
  font-style: normal;
  font-size: 12px;
  font-weight: 500;
  color: var(--rk-mute, #64748b);
}
.inc-tbl-wrap {
  overflow-x: auto;
  border-radius: 10px;
  border: 1px solid var(--rk-line-soft, rgba(15, 23, 42, .08));
}
.inc-tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.inc-tbl th {
  text-align: left;
  font-weight: 600;
  color: var(--rk-mute, #64748b);
  background: var(--rk-bg-soft, #f8fafc);
  padding: 8px 12px;
  white-space: nowrap;
  border-bottom: 1px solid var(--rk-line-soft, rgba(15, 23, 42, .08));
}
.inc-tbl td {
  padding: 8px 12px;
  border-bottom: 1px solid var(--rk-line-soft, rgba(15, 23, 42, .06));
  color: #0f172a;
  vertical-align: middle;
}
.inc-tbl tbody tr:last-child td { border-bottom: 0; }
.inc-tbl tr.is-top td { background: rgba(37, 99, 235, .06); }
.inc-tbl .c-rank { width: 56px; }
.inc-tbl .c-val { white-space: nowrap; font-variant-numeric: tabular-nums; }
.inc-tbl .c-val.sm { font-size: 12px; color: var(--rk-mute, #64748b); }
.inc-tbl .c-name.sm { font-size: 12px; color: #334155; }
.inc-tbl .c-prize { white-space: nowrap; font-weight: 600; color: #b45309; }
.inc-tbl .c-date { width: 64px; white-space: nowrap; color: var(--rk-mute, #64748b); }
.inc-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--rk-bg-track, #eef2f7);
  color: var(--rk-mute, #64748b);
  font-size: 12px;
  font-weight: 700;
}
.inc-no.n1 { background: #fef3c7; color: #92400e; }
.inc-no.n2 { background: #e2e8f0; color: #475569; }
.inc-no.n3 { background: #fee2e2; color: #9a3412; }
.inc-bad { color: #b91c1c; font-weight: 500; }
.inc-note {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.7;
  color: var(--rk-mute, #64748b);
}
.inc-note b { color: #334155; }
.inc-empty td { text-align: center; color: var(--rk-mute, #64748b); padding: 18px 12px; }
.inc-empty-box {
  padding: 26px 12px;
  text-align: center;
  color: var(--rk-mute, #64748b);
  font-size: 13px;
}
.inc-fold { margin-top: 10px; }
.inc-fold > summary {
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  color: #1d4ed8;
  padding: 6px 0;
  list-style: none;
}
.inc-fold > summary::-webkit-details-marker { display: none; }
.inc-fold > summary::before { content: "▸ "; }
.inc-fold[open] > summary::before { content: "▾ "; }
.inc-fold .inc-tbl-wrap { margin-top: 6px; }

/* ── 深色模式：所有面板底色与文字都要显式写（浮层禁 fixed，这里都是静态块） ── */
body[data-theme="dark"] .inc-card {
  background: #131a2a;
  border-color: rgba(148, 163, 184, .18);
  box-shadow: none;
}
body[data-theme="dark"] .inc-bar {
  background: rgba(148, 163, 184, .12);
  border-color: rgba(148, 163, 184, .2);
  color: #cbd5e1;
}
body[data-theme="dark"] .inc-bar.is-warn { background: rgba(217, 119, 6, .18); border-color: rgba(217, 119, 6, .4); color: #fcd34d; }
body[data-theme="dark"] .inc-bar.is-arch { background: rgba(59, 130, 246, .18); border-color: rgba(59, 130, 246, .42); color: #93c5fd; }
body[data-theme="dark"] .inc-h3 { color: #e2e8f0; }
body[data-theme="dark"] .inc-h3 em { color: #94a3b8; }
body[data-theme="dark"] .inc-tbl-wrap { border-color: rgba(148, 163, 184, .16); }
body[data-theme="dark"] .inc-tbl th { background: rgba(148, 163, 184, .1); color: #94a3b8; border-bottom-color: rgba(148, 163, 184, .16); }
body[data-theme="dark"] .inc-tbl td { color: #e2e8f0; border-bottom-color: rgba(148, 163, 184, .1); }
body[data-theme="dark"] .inc-tbl tr.is-top td { background: rgba(59, 130, 246, .12); }
body[data-theme="dark"] .inc-tbl .c-name.sm { color: #cbd5e1; }
body[data-theme="dark"] .inc-tbl .c-prize { color: #fbbf24; }
body[data-theme="dark"] .inc-no { background: rgba(148, 163, 184, .18); color: #cbd5e1; }
body[data-theme="dark"] .inc-no.n1 { background: rgba(252, 211, 77, .22); color: #fcd34d; }
body[data-theme="dark"] .inc-no.n2 { background: rgba(148, 163, 184, .26); color: #e2e8f0; }
body[data-theme="dark"] .inc-no.n3 { background: rgba(251, 146, 60, .22); color: #fdba74; }
body[data-theme="dark"] .inc-bad { color: #fca5a5; }
body[data-theme="dark"] .inc-note { color: #94a3b8; }
body[data-theme="dark"] .inc-note b { color: #cbd5e1; }
body[data-theme="dark"] .inc-empty td,
body[data-theme="dark"] .inc-empty-box { color: #94a3b8; }
body[data-theme="dark"] .inc-fold > summary { color: #93c5fd; }

/* ═══════════ 月份归档切换条（2026-11-01） ═══════════ */
.rk-monthbar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 10px;
  font-size: 13px;
  color: var(--rk-mute, #64748b);
}
.rk-monthbar .mb-lb { font-weight: 600; color: #334155; }
.rk-mb {
  border: 1px solid var(--rk-line-soft, rgba(15, 23, 42, .14));
  background: #fff;
  color: #334155;
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 12.5px;
  cursor: pointer;
  transition: all .16s var(--rk-ease, ease);
}
.rk-mb:hover { border-color: rgba(37, 99, 235, .5); color: #1d4ed8; }
.rk-mb.on {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
  font-weight: 600;
}
.rk-mb.ghost { background: transparent; color: var(--rk-mute, #64748b); }
.rk-mb.act { border-style: dashed; }
.rk-mb-act { margin-left: auto; display: flex; gap: 6px; }
body[data-theme="dark"] .rk-monthbar .mb-lb { color: #e2e8f0; }
body[data-theme="dark"] .rk-mb {
  background: #131a2a;
  border-color: rgba(148, 163, 184, .22);
  color: #cbd5e1;
}
body[data-theme="dark"] .rk-mb:hover { border-color: rgba(96, 165, 250, .6); color: #93c5fd; }
body[data-theme="dark"] .rk-mb.on { background: #3b82f6; border-color: #3b82f6; color: #fff; }
body[data-theme="dark"] .rk-mb.ghost { background: transparent; color: #94a3b8; }