/* ==========================================================================
   商户中心专属扩展样式
   --------------------------------------------------------------------------
   原则：cq-tokens / cq-layout / cq-components 三个文件与 admin/ 保持逐字节一致，
        便于后续双向同步；商户侧独有的样式一律写在本文件，不污染 cq-*。
   依赖：cq-tokens.css（变量），须在其后加载
   ========================================================================== */

/* ---------- 页脚版权 ---------- */
.cq-site-footer{
  display:flex; flex-wrap:wrap; gap:6px 20px;
  justify-content:space-between; align-items:center;
  margin-top:32px; padding-top:16px;
  border-top:1px solid var(--cq-border);
  color:var(--cq-text-mute);
  font-size:12px;
}
.cq-site-footer a{ color:var(--cq-text-soft) }
.cq-site-footer a:hover{ color:var(--cq-primary) }

/* ---------- 原 BS3 内容区包裹层的纠偏 ----------
   app.css 已在本文件之前加载，.app-content / .wrapper-md / .padder 的内边距由它提供。
   这里只修掉会破坏新外壳的旧布局规则，其余保持原样。
   新写的页面不要再用这些类名。 */
/* 🔴 app.css:917 的 `@media(min-width:768px){ .app-content{margin-left:200px} }`
   是老主题给「被 .app-aside(200px) 推开的正文」写的。新外壳已由 .cq-sidebar(240px)
   + .cq-main 做过一次让位，这条是**二次让位** → 内容区额外右移 200px、右侧大片留空。
   必须归零。（影响所有仍使用 .app-content 的存量页） */
.app-content{ height:auto; margin-left:0 }        /* margin-left 归零 + app.css 写死 height:100% 会撑破主区 */
.app-content-body{ float:none; padding-bottom:0 } /* app.css 的 float:left + 50px 底部留白 */

/* ---------- input-group-btn（BS5 已移除，存量页仍在用） ---------- */
.input-group > .input-group-btn{ display:flex; position:relative; flex:0 1 auto }
.input-group > .input-group-btn > .btn,
.input-group > .input-group-btn > a.btn{ border-radius:0 }

/* ---------- 旧 BS3 栅格的兼容兜底 ----------
   存量页面大量使用 col-sm-*，BS5 仍识别 col-sm-*，无需处理；
   col-xs-* 在 BS5 已移除，这里映射回 col-*。 */
[class*="col-xs-"]{ position:relative; width:100%; padding-right:.75rem; padding-left:.75rem }

/* ---------- 旧 BS3 工具类兜底（内容区未完全清理前的过渡） ---------- */
.text-muted{ color:var(--cq-text-soft) !important }
.text-center{ text-align:center !important }
.text-right{ text-align:right !important }
.img-responsive{ max-width:100%; height:auto }
.center-block{ display:block; margin-left:auto; margin-right:auto }

/* ---------- 商户首页统计卡 ---------- */
.cq-stat-grid{
  display:grid; gap:12px;
  grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
}
.cq-stat{
  background:var(--cq-surface);
  border:1px solid var(--cq-border);
  border-radius:var(--cq-radius-card);
  padding:14px 16px;
}
.cq-stat-label{ font-size:12px; color:var(--cq-text-soft); margin-bottom:4px }
.cq-stat-value{ font-size:20px; font-weight:600; color:var(--cq-text); line-height:1.2 }