/**
 * 后台公共样式：品牌色、卡片、表格等全局视觉
 */

/* 品牌渐变导航栏（与 App 端主色一致） */
.app-navbar {
	background: linear-gradient(135deg, #2f6bff 0%, #7b3dff 100%);
}

.app-brand-icon {
	font-size: 1.2rem;
	vertical-align: -2px;
}

/* 主内容区上下留白 */
.app-main {
	padding: 24px 12px 48px;
}

/* 统计卡片：图标底色块 */
.stat-icon {
	width: 52px;
	height: 52px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	color: #fff;
	flex-shrink: 0;
}

.stat-icon.blue { background: linear-gradient(135deg, #2f6bff, #5a8bff); }
.stat-icon.purple { background: linear-gradient(135deg, #7b3dff, #a06bff); }
.stat-icon.green { background: linear-gradient(135deg, #1fa76a, #3fc98d); }
.stat-icon.orange { background: linear-gradient(135deg, #e8821e, #f5a94a); }

/* 卡片统一柔和阴影 */
.card {
	border: none;
	box-shadow: 0 2px 12px rgba(30, 40, 90, 0.08);
	border-radius: 12px;
}

.card-header {
	background: #fff;
	border-bottom: 1px solid #eef0f5;
	border-radius: 12px 12px 0 0 !important;
	font-weight: 600;
}

/* 表格：紧凑 + 行悬停 */
.table > :not(caption) > * > * {
	padding: 0.6rem 0.75rem;
}

.table-hover tbody tr:hover {
	background: #f5f8ff;
}

/* 操作按钮组紧凑排列 */
.btn-group-sm .btn {
	padding: 0.25rem 0.5rem;
}

/* 登录页：居中卡片 */
.login-wrap {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #2f6bff 0%, #7b3dff 100%);
	padding: 16px;
}

.login-card {
	width: 100%;
	max-width: 400px;
	border-radius: 16px;
	border: none;
}

.login-logo {
	width: 64px;
	height: 64px;
	border-radius: 16px;
	background: linear-gradient(135deg, #2f6bff, #7b3dff);
	color: #fff;
	font-size: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px;
}

/* 页脚 */
.app-footer {
	border-top: 1px solid #eef0f5;
	background: #fafbfc;
}

/* 徽章辅助 */
.badge-soft-success { background: #e3f7ee; color: #14804a; }
.badge-soft-danger { background: #fdeaea; color: #c0392b; }
.badge-soft-secondary { background: #eef0f5; color: #5a6270; }
.badge-soft-warning { background: #fff4e0; color: #b26a00; }
.badge-soft-primary { background: #e8f0ff; color: #2f6bff; }