/* =============================================================
   管理员端样式（手机模拟预览 + 密钥统计）
   ============================================================= */

/* 统计卡片 */
.stats-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 20px;
}
.stat-card {
  background: #fff;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: 20px;
}
.stat-card .stat-label { font-size: 13px; color: var(--text-muted); }
.stat-card .stat-value { font-size: 28px; font-weight: 700; margin-top: 6px; }
.stat-card .stat-delta { font-size: 12px; margin-top: 4px; color: var(--text-disabled); }
.stat-delta.up { color: var(--success); }
.stat-delta.down { color: var(--danger); }

/* 图表卡片 */
.chart-card {
  background: #fff;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: 20px;
  margin-bottom: 20px;
}
.chart-card .head {
  display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;
}
.chart-range { display: flex; gap: 6px; }
.chart-range .btn.active { color: var(--brand); font-weight: 700; }
.chart-wrap { position: relative; height: 280px; }

/* 工具栏 */
.table-toolbar {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 14px; flex-wrap: wrap; gap: 10px;
}
.toolbar-left { display: flex; align-items: center; gap: 10px; }
.toolbar-right { display: flex; align-items: center; gap: 10px; }
.search-input { width: 220px; }
.filter-select { width: 140px; }

/* 手机模拟器 */
.phone-sim-wrap { display: flex; gap: 24px; align-items: flex-start; }
.phone-sim {
  width: 400px;
  border-radius: var(--radius-phone);
  border: 8px solid #1f2937;
  background: var(--bg-user);
  overflow: hidden;
  position: relative;
  box-shadow: var(--shadow-modal);
}
.phone-sim-frame { height: 680px; overflow-y: auto; }
.phone-sim-actions { width: 220px; }
.phone-sim .sim-topbar { text-align:center; font-size: 12px; color: var(--text-muted); padding: 6px; }

/* 驳回遮罩 */
.reject-mask {
  position: absolute; inset: 0; background: rgba(0,0,0,0.55);
  display: flex; align-items: center; justify-content: center; z-index: 10;
}
.reject-card { background:#fff; border-radius: var(--radius-md); padding: 20px; width: 88%; }
.reject-card h4 { margin-bottom: 12px; }
.reject-card textarea { height: 90px; }