@charset "UTF-8";
/* ============================================================
   用户中心全局整饰 v1  (clientarea/user/includes/head.tpl 引入)
   仅视觉覆盖：卡片 / 表格 / 表单 / 按钮 / 徽标 / 分页 / 侧栏
   不动任何 JS 交互与表单逻辑
   ============================================================ */

/* ---------- 1. 页面基调 ---------- */
body {
	background: #f5f7fc !important;
	-webkit-font-smoothing: antialiased;
}
.page-title-box .page-title {
	font-weight: 700 !important;
	letter-spacing: .2px;
	color: #16264a !important;
}
.page-title-right .breadcrumb {
	background: transparent !important;
	font-size: 12.5px;
}
.breadcrumb-item + .breadcrumb-item::before { color: #c3cbdb; }
.breadcrumb-item a { color: #8b98b3 !important; }
.breadcrumb-item a:hover { color: #1b5cff !important; }
.breadcrumb-item.active { color: #5b6b8c !important; }

/* ---------- 2. 卡片 ---------- */
.card {
	border: 1px solid #e9eef8 !important;
	border-radius: 14px !important;
	box-shadow: 0 6px 20px -14px rgba(22, 38, 74, .28) !important;
}
.card-body { padding: 1.35rem 1.5rem; }
.card-title {
	font-weight: 700 !important;
	font-size: 15.5px !important;
	color: #16264a !important;
	letter-spacing: .2px;
}
.card-hover:hover, .card:hover.card-hover { transform: translateY(-2px); transition: transform .2s ease, box-shadow .2s ease; }

/* ---------- 3. 表格 ---------- */
.table {
	color: #33415c;
	margin-bottom: 0;
}
.table thead th {
	background: #f6f9fe !important;
	color: #6c7a94 !important;
	font-weight: 600 !important;
	font-size: 12.5px !important;
	letter-spacing: .3px;
	border-bottom: 1px solid #e9eef8 !important;
	border-top: 0 !important;
	white-space: nowrap;
	padding: 12px 14px !important;
}
.table tbody td {
	border-color: #f0f3fa !important;
	padding: 12px 14px !important;
	vertical-align: middle;
}
.table tbody tr:hover td { background: #f8fbff !important; }
.table tbody tr:last-child td { border-bottom: 0 !important; }
/* 空数据（「无」）当空状态处理 */
.table tbody td[colspan] {
	padding: 52px 16px !important;
	color: #b3bdd0 !important;
	font-size: 13.5px;
	letter-spacing: 1px;
	background: #fcfdff;
}
.table-footer {
	background: transparent !important;
	border-top: 1px solid #f0f3fa;
	padding-top: 12px;
}
.table-pageinfo { color: #8b98b3; font-size: 13px; }

/* ---------- 4. 表单控件 ---------- */
.form-control, .bootstrap-select > .dropdown-toggle {
	min-height: 42px;
	border: 1px solid #e3eaf6 !important;
	border-radius: 10px !important;
	background: #f8fafd !important;
	color: #16264a !important;
	font-size: 14px !important;
	transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.form-control:focus, .bootstrap-select > .dropdown-toggle:focus {
	background: #fff !important;
	border-color: #8fb0ff !important;
	box-shadow: 0 0 0 3.5px rgba(27, 92, 255, .12) !important;
}
.form-control::placeholder { color: #a8b3c7 !important; }
textarea.form-control { min-height: 110px; line-height: 1.7; }
.custom-control-label::before { border-color: #cfd8ea; border-radius: 4px; }
.custom-control-input:checked ~ .custom-control-label::before {
	background-color: #1b5cff !important;
	border-color: #1b5cff !important;
}
.search-box .form-control { border-radius: 10px !important; padding-left: 38px; }
.search-box .search-icon { color: #8b98b3; }

/* ---------- 5. 按钮 ---------- */
.btn {
	border-radius: 10px !important;
	font-weight: 600 !important;
	letter-spacing: .2px;
	transition: transform .16s ease, box-shadow .2s ease, filter .2s ease;
}
.btn-primary {
	border: 0 !important;
	background: linear-gradient(135deg, #3f7bff 0, #1b5cff 100%) !important;
	box-shadow: 0 10px 20px -12px rgba(27, 92, 255, .95) !important;
}
.btn-primary:hover, .btn-primary:focus {
	transform: translateY(-1px);
	filter: brightness(1.05);
	box-shadow: 0 14px 24px -12px rgba(27, 92, 255, 1) !important;
}
.btn-primary:active { transform: translateY(0) scale(.995); }
.btn-secondary, .btn-default, .btn-light {
	background: #fff !important;
	border: 1px solid #e3eaf6 !important;
	color: #4b5a78 !important;
}
.btn-secondary:hover, .btn-default:hover, .btn-light:hover {
	border-color: #b9cdfb !important;
	color: #1b5cff !important;
	background: #f7faff !important;
}
.btn-danger { background: #fff !important; border: 1px solid #ffd7d7 !important; color: #e5484d !important; }
.btn-danger:hover { background: #fff5f5 !important; border-color: #ffbdbd !important; }
/* 服务页那一排状态筛选按钮 */
.btn-group-toggle > .btn { border-radius: 10px !important; margin-right: 8px; }
.btn-group-toggle > .btn.active, .btn-group-toggle > .btn.active:focus {
	background: linear-gradient(135deg, #3f7bff 0, #1b5cff 100%) !important;
	color: #fff !important;
	border: 0 !important;
}
.btn.w-xs { border-radius: 8px !important; }

/* ---------- 6. 状态徽标 ---------- */
.badge {
	border-radius: 999px !important;
	padding: 4px 10px !important;
	font-weight: 600 !important;
	font-size: 12px !important;
	letter-spacing: .2px;
	vertical-align: middle;
}
.badge-light { background: #f1f4fa !important; color: #6c7a94 !important; }
.badge-soft-success, .badge.bg-success { background: #e8f8ef !important; color: #12a05c !important; }
.badge-soft-warning, .badge.bg-warning { background: #fff5e5 !important; color: #d98613 !important; }
.badge-soft-danger, .badge.bg-danger { background: #ffeded !important; color: #e5484d !important; }
.badge-soft-info, .badge.bg-info { background: #e9f2ff !important; color: #1b5cff !important; }

/* ---------- 7. 分页 ---------- */
.pagination { margin-bottom: 0; }
.pagination .page-link {
	border: 1px solid #e9eef8 !important;
	border-radius: 9px !important;
	margin: 0 3px;
	color: #5b6b8c !important;
	min-width: 34px;
	text-align: center;
	font-size: 13px;
	transition: all .18s ease;
}
.pagination .page-link:hover { background: #f2f7ff !important; color: #1b5cff !important; border-color: #c9dbfd !important; }
.pagination .page-item.active .page-link {
	background: linear-gradient(135deg, #3f7bff 0, #1b5cff 100%) !important;
	border: 0 !important;
	color: #fff !important;
	box-shadow: 0 8px 16px -10px rgba(27, 92, 255, .95);
}
.pagination .page-item.disabled .page-link { background: #fafbfe !important; color: #c3cbdb !important; }

/* ---------- 8. 左侧菜单 ---------- */
#sidebar-menu ul li a {
	border-radius: 10px !important;
	margin: 2px 8px;
	font-size: 13.5px !important;
	transition: background-color .18s ease, color .18s ease;
}
#sidebar-menu ul li a:hover { background: #f2f7ff !important; color: #1b5cff !important; }
#sidebar-menu ul li a.active, #sidebar-menu ul li a.active:hover {
	background: linear-gradient(135deg, #3f7bff 0, #1b5cff 100%) !important;
	color: #fff !important;
	box-shadow: 0 8px 18px -12px rgba(27, 92, 255, .95);
}
#sidebar-menu ul li.mm-active > a { color: #1b5cff !important; font-weight: 600; }
#sidebar-menu .menu-title { color: #a8b3c7 !important; font-size: 11px !important; letter-spacing: 1px; }

/* ---------- 9. 首页仪表盘 ---------- */
.app-overview-grid__box, ._ov-block-item {
	border-radius: 12px !important;
	transition: transform .18s ease, box-shadow .18s ease;
}
._ov-block-item--hover:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px -20px rgba(22, 38, 74, .45);
}
.app-overview-grid__box-title { font-weight: 700 !important; color: #16264a !important; }
.app-overview-grid__box-desc { color: #8b98b3 !important; }
/* 顶部公告条与提示条 */
.alert { border: 0 !important; border-radius: 12px !important; }
.alert-info, .alert-primary { background: #eef4ff !important; color: #2b5fd9 !important; }
.card.bg-promote, .bg-promote { border-radius: 14px; overflow: hidden; }

/* ---------- 10. 滚动条 & 细节 ---------- */
.text-muted, .text-black-50 { color: #8b98b3 !important; }
a { transition: color .18s ease; }
.table-responsive { border-radius: 12px; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #d8e0ee; border-radius: 999px; border: 3px solid #f5f7fc; }
::-webkit-scrollbar-thumb:hover { background: #c2cee5; }
::-webkit-scrollbar-track { background: transparent; }

/* ---------- 11. 移动端 ---------- */
@media (max-width: 768px) {
	.card-body { padding: 1.1rem 1rem; }
	.table thead th, .table tbody td { padding: 10px 10px !important; }
	.page-title-box .page-title { font-size: 16px !important; }
}

/* ---------- 12. 减少动态效果 ---------- */
@media (prefers-reduced-motion: reduce) {
	.btn, ._ov-block-item, .card-hover, .pagination .page-link, #sidebar-menu ul li a { transition: none !important; }
	.btn-primary:hover, .btn-primary:focus { transform: none; }
}