/**
 * 商户中心旧版 Bootstrap3 类名与 Dashlite 主框架并存时的轻量兼容
 * 内容区与后台一致：直接使用 .nk-content-wrap 内 .nk-block / .card，不再使用 #content.app-content
 */
.nk-content-wrap {
	min-width: 0;
}
.wrapper-md {
	padding: 0;
}
.wrapper-md.control {
	padding-top: 0;
}
/* 未改模板的旧页：页头条与首页 user-page-head 对齐 */
.bg-light.lter.b-b.wrapper-md {
	padding: 1rem 0 1.25rem;
	border-bottom: 1px solid var(--bs-border-color, #dbdfea);
	background: transparent !important;
	margin-bottom: 0;
}
.bg-light.lter.b-b.wrapper-md .h3,
.bg-light.lter.b-b.wrapper-md h1 {
	font-size: 1.125rem;
	font-weight: 700;
	color: var(--bs-gray-900, #1f2b3a);
	letter-spacing: -0.02em;
	margin: 0;
}
.font-thin {
	font-weight: 500 !important;
}
.text-muted {
	color: var(--bs-gray-500, #8091a7) !important;
}
/* Panel → 与 user-card 一致的圆角与阴影 */
.panel {
	background: #fff;
	border: 1px solid var(--bs-border-color, #dbdfea);
	border-radius: 0.5rem;
	margin-bottom: 1.25rem;
	box-shadow: 0 1px 2px rgba(16, 25, 40, 0.06);
	overflow: hidden;
}
.panel-heading {
	padding: 0.85rem 1.25rem;
	border-bottom: 1px solid var(--bs-border-color, #dbdfea);
	background: var(--bs-lighter, #f8f9fc);
	font-weight: 700;
	font-size: 0.9375rem;
	color: var(--bs-gray-800, #364a63);
	border-radius: 0;
}
.panel-title {
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 700;
}
.panel-body {
	padding: 1rem 1.25rem;
}
.panel-footer {
	padding: 0.75rem 1.25rem;
	border-top: 1px solid var(--bs-border-color, #dbdfea);
	background: var(--bs-lighter, #f5f6fa);
	border-radius: 0 0 0.25rem 0.25rem;
}
.panel-default { border-color: var(--bs-border-color, #dbdfea); }
.panel-primary { border-color: var(--bs-primary, #6576ff); }
.panel-primary > .panel-heading {
	background: rgba(101, 118, 255, 0.12);
	border-color: rgba(101, 118, 255, 0.25);
	color: var(--bs-primary, #6576ff);
}
/* 旧栅格：仅 .wrapper-md 内且无 gx/gy 的 .row，避免破坏 nk-block 下 Bootstrap 5 行 */
.wrapper-md .row:not([class*="gx-"]):not([class*="gy-"]):not([class*="g-"]) {
	display: flex;
	flex-wrap: wrap;
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}
.wrapper-md .row:not([class*="gx-"]):not([class*="gy-"]) > [class*="col-xs"] {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.wrapper-md .col-xs-6 { flex: 0 0 50%; max-width: 50%; }
.wrapper-md .col-xs-12 { flex: 0 0 100%; max-width: 100%; }
.wrapper-md .col-xs-4 { flex: 0 0 33.333%; max-width: 33.333%; }
.wrapper-md .col-xs-3 { flex: 0 0 25%; max-width: 25%; }
.wrapper-md .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
.wrapper-md .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
@media (max-width: 767px) {
	.wrapper-md .col-sm-3,
	.wrapper-md .col-sm-6 { flex: 0 0 100%; max-width: 100%; }
}
/* 表单行内 */
.form-inline .form-group {
	display: inline-block;
	margin-bottom: 0.5rem;
	vertical-align: middle;
	margin-right: 0.5rem;
}
.item.padder-v.panel {
	border-radius: 0.25rem;
}
.wrapper-md .col-md-6 {
	flex: 0 0 100%;
	max-width: 100%;
}
@media (min-width: 992px) {
	.wrapper-md .col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
.hbox {
	display: flex;
	flex-wrap: wrap;
}
.hbox .col {
	flex: 1;
	min-width: 0;
}
.list-group {
	list-style: none;
	padding: 0;
	margin: 0;
}
.list-group-item {
	display: block;
	padding: 0.75rem 1rem;
	border-bottom: 1px solid var(--bs-border-color, #dbdfea);
}
.list-group-item:last-child {
	border-bottom: 0;
}
.b-a {
	border: 1px solid var(--bs-border-color, #dbdfea);
}
.b-b {
	border-bottom: 1px solid var(--bs-border-color, #dbdfea);
}
.b-t {
	border-top: 1px solid var(--bs-border-color, #dbdfea);
}
.b-r {
	border-right: 1px solid var(--bs-border-color, #dbdfea);
}
.b-light {
	border-color: #edf2f9 !important;
}
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.m-l {
	margin-left: 0.5rem;
}
.m-r {
	margin-right: 0.5rem;
}
.m-t-n-xxl {
	margin-top: -1.5rem;
}
.text-primary-dk {
	color: var(--bs-primary, #6576ff) !important;
}
.text-dark-dk {
	color: var(--bs-gray-800, #364a63) !important;
}
.text-success-dk {
	color: var(--bs-success, #1ee0ac) !important;
}
.text-info-dk {
	color: var(--bs-info, #09c2de) !important;
}
.modal-header .close {
	border: 0;
	background: transparent;
	font-size: 1.5rem;
	line-height: 1;
	opacity: 0.5;
	padding: 0.5rem;
}
.modal-header .close:hover {
	opacity: 1;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* 个人资料（API / 修改资料 / 实名认证）：表单区与 ESP32 页一致，居中且限制最大宽度 */
.user-profile-card .tab-content {
	overflow-x: hidden;
}
.user-profile-card .user-profile-form-wrap .form-horizontal .form-group {
	margin-left: auto;
	margin-right: auto;
	max-width: 52rem;
}
.user-profile-card .user-profile-form-wrap .form-horizontal .control-label {
	float: none;
	text-align: left;
	padding-top: 0;
	margin-bottom: 0.35rem;
}
@media (min-width: 768px) {
	.user-profile-card .user-profile-form-wrap .form-horizontal .control-label {
		text-align: right;
		padding-top: 0.5rem;
		margin-bottom: 0;
	}
}
.user-profile-card .user-profile-form-wrap .form-horizontal .col-sm-9,
.user-profile-card .user-profile-form-wrap .form-horizontal .col-sm-offset-2 {
	float: none;
	width: 100%;
	margin-left: 0;
	max-width: 52rem;
}
@media (min-width: 768px) {
	.user-profile-card .user-profile-form-wrap .form-horizontal .col-sm-offset-2.col-sm-4 {
		margin-left: 16.66666667%;
		width: 33.33333333%;
	}
}
