/**
 * MES 制造执行系统 — 主题
 * 主菜单：#side-menu 第一层；子菜单：#side-menu .nav-second-level（勿用笼统 .nav > li）
 * 主菜单悬停/选中：很浅灰底 + 主色蓝字；子菜单悬停/选中：白底 + 主色蓝字
 */

:root {
	--mes-primary: #2d8cf0;
	--mes-primary-hover: #2578d9;
	--mes-primary-soft: rgba(45, 140, 240, 0.09);
	/* 主菜单悬停/选中：浅灰底（明显亮于上一版） */
	--mes-main-menu-on: #e8eef3;
	--mes-main-menu-on-hover: #dfe8f0;
	--mes-main-menu-accent: #2d8cf0;
	--mes-sidebar-bg: #f0f6fc;
	/* 侧栏底纹：淡蓝色点 + 淡蓝斜线（浅天蓝系，不抢眼） */
	--mes-sidebar-pattern: radial-gradient(rgba(140, 200, 255, 0.42) 1px, transparent 1.6px),
		repeating-linear-gradient(125deg, transparent, transparent 11px, rgba(160, 210, 255, 0.09) 11px, rgba(160, 210, 255, 0.09) 12px);
	--mes-sidebar-pattern-size: 15px 15px, 28px 28px;
	--mes-sidebar-text: #4a5662;
	--mes-sidebar-muted: #718096;
	--mes-sidebar-border: #e8eaec;
	--mes-text: #4a5568;
	--mes-text-muted: #718096;
	/* 主内容区、body.gray-bg、#wrapper 缝隙 — 淡灰 */
	--mes-page-bg: #eef1f5;
	/* 顶栏导航条 — 淡灰（略亮于内容区） */
	--mes-topbar-bg: #f5f6f8;
	--mes-border: #dfe4ea;
	--mes-tab-bar-bg: #f0f3f7;
	--mes-tab-active-bg: #ffffff;
}

body {
	color: var(--mes-text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 16px !important;
}

/* 顶栏 + 左侧菜单：16px 正文字号（默认主题） */
html body:not(.skin-1):not(.skin-3) .navbar-static-side,
html body:not(.skin-1):not(.skin-3) .navbar-static-top {
	font-size: 16px !important;
}

html body:not(.skin-1):not(.skin-3) .navbar-static-top .navbar-top-links > li > a,
html body:not(.skin-1):not(.skin-3) .nav.navbar-top-links a {
	font-size: 16px !important;
}

/* 顶栏（整条）：给左右留白，避免贴边（Chrome 观感更明显） */
html body:not(.skin-1):not(.skin-3) .navbar.navbar-static-top {
	padding-left: 12px !important;
	padding-right: 12px !important;
	box-sizing: border-box;
}

/* 顶栏左侧（折叠按钮 + 搜索）：用 flex 拉开间距 */
html body:not(.skin-1):not(.skin-3) .navbar-static-top .navbar-header {
	display: flex !important;
	align-items: center;
	gap: 12px;
}

/* 顶栏右侧（消息/通知/用户）：强制 flex + gap，彻底解决 Chrome 下“挤” */
html body:not(.skin-1):not(.skin-3) .navbar-static-top .navbar-top-links.navbar-right {
	display: flex !important;
	align-items: center;
	gap: 10px;
	margin-right: 18px !important; /* 代替 style.css 里 last-child 的 margin-right */
}

html body:not(.skin-1):not(.skin-3) .navbar-static-top .navbar-top-links.navbar-right > li {
	display: flex !important;
	align-items: center;
	margin: 0 !important;
}

html body:not(.skin-1):not(.skin-3) .navbar-static-top .navbar-top-links.navbar-right > li > a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: 16px 14px !important;
	min-height: 56px;
	box-sizing: border-box;
	border-radius: 8px;
}

html body:not(.skin-1):not(.skin-3) .navbar-form-custom .form-control {
	font-size: 16px !important;
}

html body:not(.skin-1):not(.skin-3) .navbar-minimalize.minimalize-styl-2 {
	font-size: 16px !important;
}

html body:not(.skin-1):not(.skin-3) .content-tabs,
html body:not(.skin-1):not(.skin-3) .content-tabs .page-tabs a,
html body:not(.skin-1):not(.skin-3) .content-tabs button {
	font-size: 16px !important;
}

html body:not(.skin-1):not(.skin-3) .navbar-top-links .dropdown-menu {
	font-size: 16px !important;
}

html body:not(.skin-1):not(.skin-3) .navbar-top-links .dropdown-menu > li > a {
	font-size: 16px !important;
}

/* 主内容区（含 iframe 外框）：正文字号不小于 16px */
html body:not(.skin-1):not(.skin-3) #page-wrapper {
	font-size: 16px !important;
}

html body:not(.skin-1):not(.skin-3) #page-wrapper .form-control,
html body:not(.skin-1):not(.skin-3) #page-wrapper .table,
html body:not(.skin-1):not(.skin-3) #page-wrapper .table > tbody > tr > td,
html body:not(.skin-1):not(.skin-3) #page-wrapper .table > thead > tr > th,
html body:not(.skin-1):not(.skin-3) #page-wrapper .table > tfoot > tr > td,
html body:not(.skin-1):not(.skin-3) #page-wrapper .table > tfoot > tr > th {
	font-size: 16px !important;
}

.gray-bg,
body.gray-bg {
	background-color: var(--mes-page-bg) !important;
}

html body:not(.skin-1):not(.skin-3) #page-wrapper,
html body:not(.skin-1):not(.skin-3) #content-main {
	background-color: var(--mes-page-bg) !important;
}

/* ========== 左侧菜单：白底 ========== */
html body:not(.skin-1):not(.skin-3) #wrapper {
	background-color: var(--mes-page-bg) !important;
}

html body:not(.skin-1):not(.skin-3) nav.navbar-default.navbar-static-side,
html body:not(.skin-1):not(.skin-3) nav.navbar-static-side {
	background-color: var(--mes-sidebar-bg) !important;
	background-image: var(--mes-sidebar-pattern) !important;
	background-size: var(--mes-sidebar-pattern-size) !important;
	background-attachment: local;
	border-color: var(--mes-sidebar-border) !important;
	border-right: 1px solid var(--mes-sidebar-border) !important;
	box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);
}

html body:not(.skin-1):not(.skin-3).canvas-menu nav.navbar-static-side {
	background-color: var(--mes-sidebar-bg) !important;
	background-image: var(--mes-sidebar-pattern) !important;
	background-size: var(--mes-sidebar-pattern-size) !important;
}

html body:not(.skin-1):not(.skin-3) .navbar-static-side .sidebar-collapse,
html body:not(.skin-1):not(.skin-3) .navbar-static-side .slimScrollDiv {
	background-color: transparent !important;
	background-image: none !important;
}

/* 侧栏顶区：LOGO（与侧栏同一套浅底 + 淡纹） */
html body:not(.skin-1):not(.skin-3) .nav-header {
	background-color: var(--mes-sidebar-bg) !important;
	background-image: var(--mes-sidebar-pattern) !important;
	background-size: var(--mes-sidebar-pattern-size) !important;
	border-bottom: 1px solid var(--mes-sidebar-border) !important;
	padding: 22px 18px 22px !important;
}

html body:not(.skin-1):not(.skin-3).mini-navbar .nav-header {
	background-color: var(--mes-sidebar-bg) !important;
	background-image: var(--mes-sidebar-pattern) !important;
	background-size: var(--mes-sidebar-pattern-size) !important;
	border-bottom: 1px solid var(--mes-sidebar-border) !important;
	/* 覆盖 style.css 里 mini-navbar: padding: 0，避免不同浏览器下收起 LOGO 太贴边 */
	padding: 12px 10px !important;
}

html body:not(.skin-1):not(.skin-3) .mes-logo-expanded {
	display: block;
}

html body:not(.skin-1):not(.skin-3).mini-navbar .mes-logo-expanded {
	display: none !important;
}

html body:not(.skin-1):not(.skin-3) .mes-logo-link {
	display: flex !important;
	align-items: center;
	gap: 14px;
	text-decoration: none !important;
	color: #2d3748 !important;
	padding: 10px 8px !important;
	border-radius: 8px;
	transition: background-color 0.15s ease, color 0.15s ease;
}

html body:not(.skin-1):not(.skin-3) .mes-logo-link:hover,
html body:not(.skin-1):not(.skin-3) .mes-logo-link:focus {
	background-color: rgba(45, 140, 240, 0.08) !important;
	color: var(--mes-primary) !important;
}

html body:not(.skin-1):not(.skin-3) .mes-logo-link:hover .mes-logo-sub {
	color: var(--mes-primary) !important;
	opacity: 0.85;
}

html body:not(.skin-1):not(.skin-3) .mes-logo-icon {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	/* 给 LOGO 图标本体留一点“呼吸空间”，避免和边缘/右侧文字挤 */
	margin-left: 2px;
	background: linear-gradient(145deg, var(--mes-primary) 0%, var(--mes-primary-hover) 100%);
	color: #fff !important;
	border-radius: 10px;
	font-size: 22px;
	box-shadow: 0 2px 8px rgba(45, 140, 240, 0.35);
}

html body:not(.skin-1):not(.skin-3) .mes-logo-icon i {
	/* 避免 i 在某些浏览器里默认 line-height/边距影响对齐 */
	margin: 0 !important;
	line-height: 1 !important;
}

html body:not(.skin-1):not(.skin-3) .mes-logo-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	line-height: 1.35;
	min-width: 0;
	/* 与右侧内容保持更自然的对齐 */
	padding-top: 2px;
}

/* 仅 Chrome：顶部左上 LOGO 文字与图标拉开一点 */
html.is-chrome body:not(.skin-1):not(.skin-3) .mes-nav-logo .mes-logo-link .mes-logo-text {
	margin-left: 10px !important;
}

html body:not(.skin-1):not(.skin-3) .mes-logo-title {
	font-size: 18px;
	font-weight: 700;
	color: inherit;
	letter-spacing: 0.03em;
}

html body:not(.skin-1):not(.skin-3) .mes-logo-sub {
	font-size: 13px;
	color: var(--mes-sidebar-muted) !important;
	font-weight: 400;
	margin-top: 2px;
}

html body:not(.skin-1):not(.skin-3).mini-navbar .logo-element {
	background: transparent !important;
	color: inherit !important;
	/* 收起侧栏时只显示图标：对齐更像截图 */
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 12px 0 !important;
	margin: 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

html body:not(.skin-1):not(.skin-3).mini-navbar .logo-element .mes-logo-icon--collapsed {
	/* 收起侧栏：也保持“蓝色方块 + 白色图标”，并稍微放大（对应你第三张图） */
	width: 44px !important;
	height: 44px !important;
	font-size: 22px !important;
	box-shadow: 0 2px 8px rgba(45, 140, 240, 0.35) !important;
	background: linear-gradient(145deg, var(--mes-primary) 0%, var(--mes-primary-hover) 100%) !important;
	border-radius: 10px !important;
	color: #fff !important;
}

html body:not(.skin-1):not(.skin-3).mini-navbar .logo-element i {
	/* 避免 i 在某些浏览器里有默认 line-height/外边距造成“太贴边” */
	margin: 0 !important;
	line-height: 1 !important;
}

/* 顶栏右侧：用户头像与下拉（原「主题」位置） */
html body:not(.skin-1):not(.skin-3) .mes-navbar-user > a.mes-navbar-user-toggle {
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	padding: 10px 14px !important;
	min-height: 50px;
}

html body:not(.skin-1):not(.skin-3) .mes-navbar-user-avatar {
	width: 36px;
	height: 36px;
	border: 2px solid rgba(45, 140, 240, 0.28);
	object-fit: cover;
}

html body:not(.skin-1):not(.skin-3) .mes-navbar-user-meta {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	line-height: 1.25;
	text-align: left;
	max-width: 140px;
	/* 增加 meta 与 caret 之间的间隔（caret 也单独控制） */
	margin-right: 6px;
}

html body:not(.skin-1):not(.skin-3) .mes-navbar-user-name {
	font-size: 16px;
	font-weight: 600;
	color: #2d3748;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

html body:not(.skin-1):not(.skin-3) .mes-navbar-user-role {
	display: block;
	font-size: 13px;
	color: var(--mes-text-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

html body:not(.skin-1):not(.skin-3) .mes-navbar-user-caret {
	color: #94a3b8;
}

html body:not(.skin-1):not(.skin-3) .mes-navbar-user .dropdown-user {
	min-width: 200px;
	font-size: 16px !important;
}

html body:not(.skin-1):not(.skin-3) .mes-navbar-user .dropdown-user > li > a {
	font-size: 16px !important;
	padding: 10px 18px !important;
}

/* ========== 主菜单：仅 #side-menu 下第一层 li（排除 nav-header）========== */
/* 左边框画在 > a 上，勿画在 li 上，否则会把整块子菜单高度都画上竖线（style.css 里 .nav>li.active 也会加在 li 上，此处覆盖） */
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header) > a {
	color: var(--mes-sidebar-text) !important;
	font-weight: 500;
	background-color: transparent !important;
	border-left: 3px solid transparent !important;
	box-sizing: border-box;
}

html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header) > a i {
	color: inherit !important;
	opacity: 0.95;
}

/* 主菜单悬停：浅灰底 + 蓝字；左边框仅本行 */
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header) > a:hover,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header) > a:focus {
	background-color: var(--mes-main-menu-on) !important;
	color: var(--mes-primary) !important;
	border-left-color: var(--mes-main-menu-accent) !important;
}

html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header) > a:hover i,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header) > a:focus i,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header) > a:hover .nav-label,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header) > a:focus .nav-label,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header) > a:hover .fa.arrow,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header) > a:focus .fa.arrow {
	color: var(--mes-primary) !important;
	opacity: 1;
}

/* 主菜单选中：浅灰底与左边框只加在 > a，li 本身透明、无边框，子菜单区域不再出现整列竖线 */
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header).active {
	background-color: transparent !important;
	border-left: none !important;
}

html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header).active > a {
	background-color: var(--mes-main-menu-on) !important;
	color: var(--mes-primary) !important;
	font-weight: 600;
	border-left: 3px solid var(--mes-main-menu-accent) !important;
}

html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header).active > a i,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header).active > a .nav-label,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header).active > a .fa.arrow {
	color: var(--mes-primary) !important;
}

html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header).active > a:hover,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header).active > a:focus {
	background-color: transparent !important;
	color: var(--mes-primary-hover) !important;
}

html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header).active > a:hover i,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header).active > a:hover .nav-label,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header).active > a:hover .fa.arrow {
	color: var(--mes-primary-hover) !important;
}

html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header).active:hover {
	background-color: transparent !important;
}

html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header).active:hover > a {
	background-color: var(--mes-main-menu-on-hover) !important;
}

/* 主菜单展开但未选中当前模块：透底露纹 + 深字 */
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header).open:not(.active) > a {
	background-color: transparent !important;
	color: var(--mes-sidebar-text) !important;
}

html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header).open:not(.active) > a i,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header).open:not(.active) > a .nav-label,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header).open:not(.active) > a .fa.arrow {
	color: var(--mes-sidebar-text) !important;
}

/* 选中项下的子菜单区域保持白底 */
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu > li:not(.nav-header).active > ul.nav-second-level {
	background-color: var(--mes-sidebar-bg) !important;
}

/* ========== 子菜单（二、三级）：悬停/选中 = 白底 + 蓝字 ========== */
/* 覆盖 style.css 中 .nav>li.active 给 li 加的底与左边框，仅保留在 > a 上的样式 */
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu .nav-second-level > li.active,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu .nav-third-level > li.active {
	background-color: transparent !important;
	border-left: none !important;
}

html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu .nav.nav-second-level,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu .nav.nav-third-level {
	background-color: var(--mes-sidebar-bg) !important;
}

html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu .nav-second-level > li > a,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu .nav-third-level > li > a {
	color: var(--mes-sidebar-text) !important;
	font-weight: 400;
	background-color: transparent !important;
}

html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu .nav-second-level > li > a:hover,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu .nav-second-level > li > a:focus,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu .nav-third-level > li > a:hover,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu .nav-third-level > li > a:focus {
	background-color: #ffffff !important;
	color: var(--mes-primary) !important;
	box-shadow: inset 3px 0 0 var(--mes-primary);
}

html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu .nav-second-level > li.active > a,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu .nav-third-level > li.active > a {
	background-color: #ffffff !important;
	color: var(--mes-primary) !important;
	font-weight: 600;
	box-shadow: inset 3px 0 0 var(--mes-primary);
}

html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu .nav-second-level > li.active > a:hover,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu .nav-third-level > li.active > a:hover,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu .nav-second-level > li.active > a:focus,
html body:not(.skin-1):not(.skin-3) .navbar-static-side #side-menu .nav-third-level > li.active > a:focus {
	background-color: #ffffff !important;
	color: var(--mes-primary-hover) !important;
	box-shadow: inset 3px 0 0 var(--mes-primary-hover);
}

/* 收起侧栏时，弹出的子菜单面板 */
html body:not(.skin-1):not(.skin-3).fixed-sidebar.mini-navbar .nav li:hover > .nav-second-level,
html body:not(.skin-1):not(.skin-3).canvas-menu.mini-navbar .nav li:hover > .nav-second-level {
	background-color: var(--mes-sidebar-bg) !important;
	border: 1px solid var(--mes-sidebar-border) !important;
	box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1) !important;
}

html body:not(.skin-1):not(.skin-3).canvas-menu.mini-navbar .nav-second-level {
	background-color: var(--mes-sidebar-bg) !important;
}

/* 收起侧栏：点击一级图标（mes-mini-flyout-open）在右侧弹出子菜单；覆盖 style.css 中 .active > .nav-second-level 的 left:0 */
html body:not(.skin-1):not(.skin-3).fixed-sidebar.mini-navbar #side-menu > li:not(.nav-header).mes-mini-flyout-open > ul.nav-second-level,
html body:not(.skin-1):not(.skin-3).canvas-menu.mini-navbar #side-menu > li:not(.nav-header).mes-mini-flyout-open > ul.nav-second-level {
	display: block !important;
	position: absolute !important;
	left: 70px !important;
	top: 0 !important;
	min-width: 188px;
	z-index: 2205 !important;
	padding: 10px 10px 6px 10px !important;
	background-color: var(--mes-sidebar-bg) !important;
	border: 1px solid var(--mes-sidebar-border) !important;
	box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.12) !important;
	border-radius: 4px;
}

html body:not(.skin-1):not(.skin-3).fixed-sidebar.mini-navbar #side-menu > li:not(.nav-header).mes-mini-flyout-open.active > ul.nav-second-level {
	left: 70px !important;
}

/* 收起侧栏：slimScroll 包裹层默认 overflow:hidden，会裁掉右侧浮层（覆盖 style.css .slimScrollDiv>*） */
html body:not(.skin-1):not(.skin-3).mini-navbar .navbar-static-side .slimScrollDiv > *,
html body:not(.skin-1):not(.skin-3).mini-navbar .navbar-static-side .sidebar-collapse {
	overflow: visible !important;
}

/* collapse('show') 后须可见（Bootstrap .collapse 默认不占位） */
html body:not(.skin-1):not(.skin-3).fixed-sidebar.mini-navbar #side-menu > li.mes-mini-flyout-open > ul.nav-second-level.collapse.in,
html body:not(.skin-1):not(.skin-3).canvas-menu.mini-navbar #side-menu > li.mes-mini-flyout-open > ul.nav-second-level.collapse.in {
	display: block !important;
	visibility: visible !important;
	height: auto !important;
	max-height: none !important;
}

/* 顶栏：淡蓝底（默认主题） */
html body:not(.skin-1):not(.skin-3) .navbar-static-top,
html body:not(.skin-1):not(.skin-3) .border-bottom.white-bg {
	border-color: var(--mes-border) !important;
}

html body:not(.skin-1):not(.skin-3) .navbar-static-top {
	background: var(--mes-topbar-bg) !important;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}

html body:not(.skin-1):not(.skin-3).fixed-nav .navbar-fixed-top {
	background: var(--mes-topbar-bg) !important;
	border-color: var(--mes-border) !important;
}

.navbar-form-custom .form-control::placeholder {
	color: #a0aec0;
}

/* 页签 */
.content-tabs {
	height: 42px;
	background: var(--mes-tab-bar-bg) !important;
	border-bottom: 1px solid var(--mes-border) !important;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.02);
}

.content-tabs .roll-nav,
.content-tabs button {
	background: transparent !important;
	border-color: var(--mes-border) !important;
}

/* “页签操作”下拉按钮：覆盖 style.css 的 width:40，避免 caret 换行 */
.content-tabs .btn-group.roll-nav > button.dropdown {
	width: auto !important;
	min-width: 88px;
	padding: 0 12px !important;
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.content-tabs .btn-group.roll-nav > button.dropdown .caret {
	display: inline-block;
	margin-left: 6px;
	vertical-align: middle;
}

/* 右侧三块（tabRight / 页签操作 / 刷新）：覆盖 style.css 的固定宽度与 right 偏移，避免“挤出屏幕” */
.content-tabs .roll-right.J_tabRight {
	right: 193px !important;
}

.content-tabs .roll-right.btn-group {
	right: 86px !important;
	width: auto !important;
	padding: 0 !important;
}

.content-tabs .roll-right.btn-group button {
	width: auto !important;
}

.content-tabs .roll-right.tabReload {
	right: 16px !important;
	width: auto !important;
	padding: 0 10px !important;
	white-space: nowrap;
}

.content-tabs .roll-left {
	border-right: 1px solid var(--mes-border) !important;
}

.content-tabs .roll-right {
	border-left: 1px solid var(--mes-border) !important;
}

/* 页签滚动容器：避免页签铺到右侧按钮下方（超过 forward 的部分应隐藏） */
.content-tabs nav.page-tabs {
	width: auto !important; /* 覆盖 style.css 的 width:100000px */
	margin-right: 220px; /* 预留右侧：右箭头 + 页签操作 + 刷新 */
	overflow: hidden !important;
	box-sizing: border-box;
}

.page-tabs a {
	color: var(--mes-text-muted) !important;
	border-right: 1px solid var(--mes-border) !important;
}

.page-tabs a i {
	color: #a0aec0 !important;
}

.page-tabs a:hover,
.content-tabs .roll-nav:hover {
	color: var(--mes-text) !important;
	background: rgba(255, 255, 255, 0.45) !important;
}

.page-tabs a.active {
	background: var(--mes-tab-active-bg) !important;
	color: var(--mes-primary) !important;
	font-weight: 600;
	border-bottom: 2px solid var(--mes-primary) !important;
	margin-bottom: -1px;
	box-shadow: 0 1px 0 var(--mes-tab-active-bg);
}

.page-tabs a.active i {
	color: #94a3b8 !important;
}

.page-tabs a.active:hover,
.page-tabs a.active i:hover {
	background: var(--mes-tab-active-bg) !important;
	color: var(--mes-primary) !important;
}

.page-tabs a.active:hover i {
	color: #64748b !important;
}

/* 工作台（iframe） */
.mes-dashboard-header {
	background: #fff;
	border-bottom: 1px solid var(--mes-border) !important;
	border-radius: 6px;
	padding: 22px 22px 18px;
	margin-bottom: 0;
	box-shadow: 0 1px 3px rgba(53, 73, 104, 0.06);
}

.mes-dashboard-header .mes-lead {
	border-left: 3px solid var(--mes-primary);
	padding: 14px 18px;
	margin-bottom: 20px;
	background: #f4f7fb;
	border-radius: 0 6px 6px 0;
	color: var(--mes-text);
	font-size: 14px;
	line-height: 1.7;
}

.mes-dashboard-header .mes-lead strong {
	color: #2c5282;
	font-weight: 600;
}

.mes-dashboard-header .mes-lead code {
	color: var(--mes-primary);
	font-size: 12px;
	background: var(--mes-primary-soft) !important;
	padding: 2px 6px;
	border-radius: 3px;
}

.mes-dashboard-header h2 {
	color: #2d3748;
	font-weight: 600;
	letter-spacing: -0.02em;
}

.mes-dashboard-header h4 {
	color: #4a5568;
	font-weight: 600;
}

.mes-dashboard-header .text-muted,
.mes-dashboard-header small {
	color: var(--mes-text-muted) !important;
}

.wrapper-content .ibox {
	border-radius: 6px;
	box-shadow: 0 1px 3px rgba(53, 73, 104, 0.05);
	border: 1px solid var(--mes-border);
	background: #fff;
}

.wrapper-content .ibox-title {
	border-bottom-color: var(--mes-border);
	background: #fafbfc;
}

.wrapper-content .ibox-title h5 {
	color: #4a5568;
	font-weight: 600;
}

.btn-primary,
.navbar-minimalize.btn-primary {
	background-color: var(--mes-primary);
	border-color: var(--mes-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.navbar-minimalize.btn-primary:hover,
.navbar-minimalize.btn-primary:focus {
	background-color: var(--mes-primary-hover);
	border-color: var(--mes-primary-hover);
}

.open-small-chat,
.open-small-chat:hover {
	background: var(--mes-primary) !important;
}

.small-chat-box .heading {
	background: var(--mes-primary) !important;
}

.small-chat-box .content .chat-message.active {
	background: var(--mes-primary) !important;
}

.form-control:focus {
	border-color: var(--mes-primary);
	box-shadow: 0 0 0 2px var(--mes-primary-soft);
}

html body .btn-primary,
html body .navbar-minimalize.btn-primary {
	background-color: var(--mes-primary) !important;
	border-color: var(--mes-primary) !important;
}

html body .btn-primary:hover,
html body .btn-primary:focus,
html body .btn-primary:active,
html body .navbar-minimalize.btn-primary:hover {
	background-color: var(--mes-primary-hover) !important;
	border-color: var(--mes-primary-hover) !important;
}