/* ============================================================
 * store-verify-consumer-stats.css — 门店核销消费者统计（报表中心/门店报表）
 * 以门店为主维度的核销统计；合计卡片 5 项 + 2:1 图表（柱状图+饼图）+ 明细列表
 * ============================================================ */

/* 合计数据卡片：单行 8 项 */
.vcs-stats { display: grid; gap: 12px; margin-bottom: 12px; }

/* 图表区：第一行柱状图全宽；第二行两个饼图并排 */
.vcs-pie-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.vcs-pie-wrap { width: 100%; height: 400px; margin-top: 8px; }

/* 分组条件查询项：非必填下拉，待生效提示独占一行 */
.vcs-pending-hint { display: flex; margin-top: 4px; }

/* 柱状图「共N家门店」超上限提示 */
.vcs-store-total {
  display: inline-flex; align-items: center; gap: 4px;
  margin-left: 8px; padding: 1px 8px;
  font-size: 12px; font-weight: 400; color: #ed7b2f;
  background: #fff4ee; border: 1px solid #ffd6ba; border-radius: 3px;
  vertical-align: middle;
}

/* 窄屏降级 */
@media (max-width: 1200px) {
  .vcs-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vcs-pie-row { grid-template-columns: 1fr; }
}