/**
 * Admin 平台管理公共样式
 * 所有 /admin/* 页面共用
 */

/* -------- 页面头部 -------- */
.page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 12px;
}
.page-title {
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.page-desc {
  font-size: 13px;
  color: #9ca3af;
  margin: 2px 0 0;
}

/* -------- 统计卡片 -------- */
.stat-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border-radius: 12px;
  border: 2px solid transparent;
  transition: all 0.2s;
}
.stat-card[class*="cursor"], .stat-card.clickable { cursor: pointer; }
.stat-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.stat-card.active { box-shadow: 0 4px 12px rgba(0,0,0,0.12); }

.stat-card.blue   { background: #eff6ff; border-color: #dbeafe; }
.stat-card.green  { background: #f0fdf4; border-color: #bbf7d0; }
.stat-card.orange { background: #fff7ed; border-color: #fed7aa; }
.stat-card.red    { background: #fff1f2; border-color: #fecdd3; }
.stat-card.purple { background: #faf5ff; border-color: #e9d5ff; }
.stat-card.gold   { background: #fffbeb; border-color: #fde68a; }
.stat-card.gray   { background: #f9fafb; border-color: #e5e7eb; }

.stat-card.active.blue   { border-color: #3b82f6; }
.stat-card.active.green  { border-color: #22c55e; }
.stat-card.active.orange { border-color: #f97316; }
.stat-card.active.red    { border-color: #ef4444; }
.stat-card.active.purple { border-color: #a855f7; }

.stat-icon  { font-size: 28px; flex-shrink: 0; }
.stat-value { font-size: 22px; font-weight: 700; color: rgba(0,0,0,0.85); line-height: 1.2; }
.stat-label { font-size: 12px; color: rgba(0,0,0,0.45); margin-top: 2px; }

/* -------- Panel 面板 -------- */
.panel {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  overflow: hidden;
}
.panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-bottom: 1px solid #f5f5f5;
  flex-wrap: wrap;
  gap: 10px;
}
.panel-title {
  font-size: 14px;
  font-weight: 600;
  color: rgba(0,0,0,0.85);
}

/* -------- 通用间距 -------- */
.mb-4 { margin-bottom: 16px; }
.mb-6 { margin-bottom: 24px; }

/* -------- 通用文字 -------- */
.text-sm    { font-size: 12px; }
.text-gray  { color: rgba(0,0,0,0.45); }
.text-gray-400 { color: #9ca3af; }

/* -------- 危险操作按钮 -------- */
.danger-item { color: #ff4d4f !important; }

/* -------- 域名链接 -------- */
.domain-link { font-size: 13px; color: #4f46e5; text-decoration: none; }
.domain-link:hover { text-decoration: underline; }

/* -------- Ant Design 覆盖 -------- */
.ant-btn.ant-btn-sm.ant-btn-icon-only {
  width: 32px;
}