/* 商户端补充样式（基础组件复用 /admin/app.css） */

.brand .logo.m { background: #0f9d58; }

/* 汇总行（列表页头部统计） */
.stat-line { font-size: 12.5px; color: var(--text-2); margin: 10px 2px; }
.stat-line b { color: var(--text-1); }

/* 登录卡片微调：本页只有两项输入，收紧高度 */
.login-card { max-width: 380px; }

/* 看板指标 */
.stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.stat {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 14px 16px;
}
.stat .k { font-size: 12px; color: var(--text-3); }
.stat .v { font-size: 22px; font-weight: 700; margin-top: 4px; font-variant-numeric: tabular-nums; }
.stat .v.muted { font-size: 16px; font-weight: 500; }
.stat .v.ok { color: var(--ok); }
.stat .v.err { color: var(--err); }

/* 权限复选 */
.ck-row { display: flex; flex-wrap: wrap; gap: 8px 18px; padding-top: 4px; }
.ck { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-size: 13px; }
.ck input { width: 14px; height: 14px; margin: 0; }
.ck .muted { font-size: 11px; }

/* 趋势简易条形 */
.trend-bars { display: flex; align-items: flex-end; gap: 8px; height: 120px; padding: 10px 4px 0; }
.trend-bars .bar { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.trend-bars .bar i {
  display: block; width: 70%; background: var(--brand); border-radius: 3px 3px 0 0;
  min-height: 2px; opacity: .85;
}
.trend-bars .bar span { font-size: 10.5px; color: var(--text-3); }