/**
 * SaaS 会务 · 商务海蓝主题
 * 覆盖登录页 / 后台壳 / 会务 pro 列表主色（不改 Layui 源码）
 */
:root {
  --saas-primary: #1a5f9e;
  --saas-primary-hover: #2474bd;
  --saas-primary-soft: #e8f1f8;
  --saas-primary-ink: #0c2d4a;
  --saas-rail: #0c2d4a;
  --saas-rail-mid: #123a5c;
  --saas-page-bg: #f4f7fa;
  --saas-text: #1e293b;
  --saas-muted: #64748b;
  --saas-line: #e2e8f0;
  --saas-radius: 8px;

  /* 与侧栏 pro 菜单 / member-hub 变量对齐 */
  --admin-menu-primary: var(--saas-primary);
  --admin-menu-primary-light: var(--saas-primary-soft);
  --admin-menu-primary-hover: var(--saas-primary-hover);
  --pro-primary: var(--saas-primary);
  --pro-primary-hover: var(--saas-primary-hover);
}

/* —— 全局链接 / Tab / 强调色 —— */
body.main-body a.tab-a,
body.main-body a.open-a,
body.main-body a.link-a,
body.main-body a.right-a,
body.main-body a.side-a,
body.main-body .blue,
body.main-body .layui-color-2,
body.main-body .check-status-color-1 {
  color: var(--saas-primary) !important;
}

/*
 * side-a 全局主色字会盖过主按钮白字（蓝底+蓝字 →「指挥舱」等几乎看不见）。
 * 主色填充按钮强制白字；默认描边按钮保持深色字。
 */
body.main-body a.side-a.pro-btn-primary,
body.main-body a.pro-btn.pro-btn-primary.side-a,
body.main-body .pro-btn-primary.side-a,
body.main-body a.side-a.layui-btn:not(.layui-btn-primary),
body.main-body a.side-a.ml-action-btn--primary,
body.main-body a.ml-action-btn.ml-action-btn--primary.side-a,
body.main-body a.side-a.ml-expand-quick-btn--primary,
body.main-body a.ml-expand-quick-btn.ml-expand-quick-btn--primary.side-a {
  color: #fff !important;
}
body.main-body a.side-a.ml-action-btn--primary .layui-icon,
body.main-body a.ml-action-btn.ml-action-btn--primary.side-a .layui-icon,
body.main-body a.side-a.ml-expand-quick-btn--primary .layui-icon,
body.main-body a.ml-expand-quick-btn.ml-expand-quick-btn--primary.side-a .layui-icon {
  color: #fff !important;
}
/* 浅底 chip（如「处理报名」）：必须深色字，不可套白字规则 */
body.main-body a.side-a.gov-hub-chip--primary,
body.main-body .meeting-gov-hub-pro a.gov-hub-chip.gov-hub-chip--primary.side-a {
  color: var(--saas-primary-ink, #0c2d4a) !important;
  background: var(--saas-primary-soft, #e8f1f8) !important;
  border-color: #b6d0e6 !important;
  font-weight: 600;
}
body.main-body a.side-a.gov-hub-chip--primary:hover,
body.main-body .meeting-gov-hub-pro a.gov-hub-chip.gov-hub-chip--primary.side-a:hover {
  color: #fff !important;
  background: var(--saas-primary, #1a5f9e) !important;
  border-color: var(--saas-primary, #1a5f9e) !important;
}
body.main-body a.side-a.pro-btn-default,
body.main-body a.pro-btn.pro-btn-default.side-a {
  color: #334155 !important;
}
body.main-body a.side-a.pro-btn-default:hover,
body.main-body a.pro-btn.pro-btn-default.side-a:hover {
  color: var(--saas-primary) !important;
}

body.main-body .layui-tab-brief > .layui-tab-title .layui-this {
  color: var(--saas-primary);
}

body.main-body .layui-tab-brief > .layui-tab-more li.layui-this:after,
body.main-body .layui-tab-brief > .layui-tab-title .layui-this:after {
  border-color: var(--saas-primary);
}

body.main-body .gg-tab-title li:hover,
body.main-body .gougu-tab li.tab-this {
  color: var(--saas-primary);
}

body.main-body .gg-tab-title li.tab-this:after {
  border-bottom-color: var(--saas-primary);
}

body.main-body .layui-bg-2,
body.main-body .layui-bg-blue {
  background-color: var(--saas-primary) !important;
}

body.main-body .layui-btn:not(.layui-btn-primary):not(.layui-btn-normal):not(.layui-btn-warm):not(.layui-btn-danger):not(.layui-btn-disabled) {
  background-color: var(--saas-primary);
}

body.main-body .layui-btn-normal {
  background-color: var(--saas-primary);
}

body.main-body .layui-form-onswitch {
  border-color: var(--saas-primary);
  background-color: var(--saas-primary);
}

body.main-body .layui-form-checked[lay-skin=primary] i,
body.main-body .layui-form-checked[lay-skin=primary]:hover i {
  border-color: var(--saas-primary) !important;
  background-color: var(--saas-primary);
}

body.main-body .layui-form-radioed > i,
body.main-body .layui-form-radio > i:hover {
  color: var(--saas-primary);
}

body.main-body .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: var(--saas-primary);
}

/* —— 后台壳 —— */
.gg-layout .layui-logo,
.layout-menu-expand .layui-side-expand,
.layout-menu-expand .layui-side-expand .layui-logo {
  background: var(--saas-rail) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

/* 侧栏 logo：白描边透明 PNG + 字标 */
.gg-layout .layui-logo img,
.layout-menu-expand .layui-side-expand .layui-logo img {
  background: transparent !important;
  filter: none !important;
}
.gg-layout .layui-logo .oa-brand-wordmark,
.layout-menu-expand .layui-side-expand .layui-logo .oa-brand-wordmark {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.side-spread .gg-layout .layui-logo .oa-brand-wordmark,
.side-spread .layout-menu-expand .layui-side-expand .layui-logo .oa-brand-wordmark {
  display: none;
}

.gg-layout .layui-side .layui-nav,
.gg-layout .layui-side,
.gg-layout .layui-side-menu,
.gg-layout .layui-side-white,
.gg-layout .layui-side-blue {
  background-color: var(--saas-rail) !important;
  color: rgba(255, 255, 255, 0.88);
}

/*
 * 深蓝轨 + 浅色字（必须覆盖 layui-side-white 等用户主题的深色字，
 * 否则侧栏背景被刷成 navy 后菜单几乎不可见）
 */
.layout-menu-expand .layui-side #menuList .menu-li > a,
.layout-menu-expand .layui-side-white #menuList .menu-li > a,
.layout-menu-expand .layui-side-blue #menuList .menu-li > a {
  color: rgba(255, 255, 255, 0.78) !important;
}

.layout-menu-expand .layui-side #menuList .menu-li > a:hover,
.layout-menu-expand .layui-side-white #menuList .menu-li > a:hover,
.layout-menu-expand .layui-side-blue #menuList .menu-li > a:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

.layout-menu-expand .layui-side #menuList .menu-li > a.layui-this,
.layout-menu-expand .layui-side-white #menuList .menu-li > a.layui-this,
.layout-menu-expand .layui-side-blue #menuList .menu-li > a.layui-this {
  color: #fff !important;
  background: var(--saas-primary) !important;
  box-shadow: 0 2px 8px rgba(26, 95, 158, 0.35);
}

.layout-menu-classical .layui-side-menu .layui-nav .layui-nav-item > a,
.layout-menu-classical .layui-side-white .layui-nav .layui-nav-item > a,
.layout-menu-classical .layui-side-blue .layui-nav .layui-nav-item > a {
  color: rgba(255, 255, 255, 0.78) !important;
}

.layout-menu-classical .layui-side-menu .layui-nav .layui-nav-child,
.layout-menu-classical .layui-side-white .layui-nav .layui-nav-child,
.layout-menu-classical .layui-side-blue .layui-nav .layui-nav-child,
.layout-menu-classical .layui-side-white .layui-nav .layui-nav-child .layui-nav-child {
  background-color: rgba(0, 0, 0, 0.22) !important;
  border-left-color: rgba(255, 255, 255, 0.14);
}

.layout-menu-classical .layui-side-menu .layui-nav .layui-nav-child dd > a,
.layout-menu-classical .layui-side-white .layui-nav .layui-nav-child dd > a,
.layout-menu-classical .layui-side-blue .layui-nav .layui-nav-child dd > a {
  color: rgba(255, 255, 255, 0.62) !important;
}

.layout-menu-classical .layui-side-menu .layui-nav .layui-nav-child dd > a > i,
.layout-menu-classical .layui-side-white .layui-nav .layui-nav-child dd > a > i,
.layout-menu-classical .layui-side-blue .layui-nav .layui-nav-child dd > a > i {
  color: inherit;
}

/* 覆盖 side-white 的浅底 hover（否则白字叠在 #E8F1F8 上不可见） */
.layout-menu-classical .layui-side-menu .layui-nav .layui-nav-child dd > a:hover,
.layout-menu-classical .layui-side-white .layui-nav .layui-nav-child dd > a:hover,
.layout-menu-classical .layui-side-blue .layui-nav .layui-nav-child dd > a:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.16) !important;
}

.layout-menu-classical .layui-side-menu .layui-nav .layui-nav-child dd.layui-this > a,
.layout-menu-classical .layui-side-menu .layui-nav .layui-nav-child dd > a.layui-this,
.layout-menu-classical .layui-side-white .layui-nav .layui-nav-child dd.layui-this > a,
.layout-menu-classical .layui-side-white .layui-nav .layui-nav-child dd > a.layui-this,
.layout-menu-classical .layui-side-blue .layui-nav .layui-nav-child dd.layui-this > a,
.layout-menu-classical .layui-side-blue .layui-nav .layui-nav-child dd > a.layui-this {
  color: #fff !important;
  background: rgba(26, 95, 158, 0.35) !important;
  box-shadow: inset 2px 0 0 var(--saas-primary);
}

.layout-menu-classical .layui-side-menu .layui-nav .layui-nav-itemed > a,
.layout-menu-classical .layui-side-menu .layui-nav .layui-this > a,
.layout-menu-classical .layui-side-white .layui-nav .layui-nav-itemed > a,
.layout-menu-classical .layui-side-white .layui-nav .layui-this > a,
.layout-menu-classical .layui-side-blue .layui-nav .layui-nav-itemed > a,
.layout-menu-classical .layui-side-blue .layui-nav .layui-this > a {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

/* 展开模式二级白面板：保持深色字，勿套一级白字规则 */
.layout-menu-expand .gg-second-menu > dd > a.side-menu-item,
.layout-menu-expand .gg-three-menu > dd > a.side-menu-item {
  color: #334155 !important;
}

.layout-menu-expand .gg-second-menu > dd > a.side-menu-item:hover,
.layout-menu-expand .gg-three-menu > dd > a.side-menu-item:hover {
  color: var(--saas-primary) !important;
  background: var(--saas-primary-soft) !important;
}

.layout-menu-expand .gg-second-menu > dd > a.side-menu-item.layui-this,
.layout-menu-expand .gg-three-menu > dd > a.side-menu-item.layui-this {
  color: var(--saas-primary) !important;
  background: var(--saas-primary-soft) !important;
}

.gg-layout .layui-header {
  background: #fff;
  border-bottom: 1px solid var(--saas-line);
  box-shadow: 0 1px 0 rgba(12, 45, 74, 0.04);
}

.gg-layout .layui-header a:hover,
.gg-layout .layui-header a:hover cite {
  color: var(--saas-primary);
}

.gg-layout .page-tabs {
  background: #fff;
  border-bottom: 1px solid var(--saas-line);
}

.gg-layout .layui-body {
  background: var(--saas-page-bg);
}

body.main-body {
  background: var(--saas-page-bg);
  color: var(--saas-text);
}

/* 经典侧栏选中 */
.gg-layout .layui-nav-tree .layui-this,
.gg-layout .layui-nav-tree .layui-this > a,
.gg-layout .layui-nav-tree .layui-nav-child dd.layui-this,
.gg-layout .layui-nav-tree .layui-nav-child dd.layui-this a {
  background-color: var(--saas-primary) !important;
  color: #fff !important;
}

.gg-layout .layui-nav-tree .layui-nav-bar {
  background-color: var(--saas-primary);
}

/* —— 会务 / 参会人 Pro（覆盖 member-hub 局部变量） —— */
.meeting-list-pro,
.member-mgmt-pro,
.member-archive,
.meeting-minisite-pro {
  --pro-primary: var(--saas-primary);
  --pro-primary-hover: var(--saas-primary-hover);
}

.meeting-list-pro .pro-btn-primary,
.member-mgmt-pro .pro-btn-primary,
.member-archive .pro-btn-primary {
  background: var(--saas-primary) !important;
  border-color: var(--saas-primary) !important;
  color: #fff !important;
}

.meeting-list-pro .pro-btn-primary:hover,
.member-mgmt-pro .pro-btn-primary:hover,
.member-archive .pro-btn-primary:hover {
  background: var(--saas-primary-hover) !important;
  border-color: var(--saas-primary-hover) !important;
}

.meeting-list-pro .pro-stat-card--highlight,
.member-mgmt-pro .pro-stat-card--highlight,
.member-archive .pro-stat-card.is-active,
.member-mgmt-pro .pro-stat-card.is-active {
  border-color: var(--saas-primary);
  box-shadow: 0 0 0 1px var(--saas-primary-soft);
}

.meeting-list-pro .pro-stat-value,
.member-mgmt-pro .pro-stat-value,
.mh-stats .num {
  color: var(--saas-primary);
}

.meeting-list-pro .pro-link,
.member-mgmt-pro .pro-link,
.meeting-list-pro .pro-link-btn,
.member-mgmt-pro .pro-link-btn {
  color: var(--saas-primary);
}

.marc-badge--active,
.mh-tag {
  background: var(--saas-primary-soft) !important;
  color: var(--saas-primary) !important;
}

.layui-layer.member-pro-layer .member-pro-modal-foot .pro-btn-primary {
  background: var(--saas-primary) !important;
  border-color: var(--saas-primary) !important;
}

/* 工作台 */
.mh-page {
  background: transparent;
}

.mh-quick a:hover {
  background: var(--saas-primary-soft) !important;
  color: var(--saas-primary) !important;
}

.mh-list a:hover,
.mh-todo a:hover {
  color: var(--saas-primary) !important;
}

.mh-hint {
  border-left-color: var(--saas-primary) !important;
}

/* 登录页 meeting 与壳变量对齐 */
body.passport-login--meeting {
  --oa-login-accent: var(--saas-primary);
  --oa-login-accent-hover: var(--saas-primary-hover);
  --pp-deep: var(--saas-rail);
  --pp-mid: var(--saas-primary);
  --pp-light: #5ba3d9;
}