/* ==================== 菜单基础样式 ==================== */
.el-menu {
  background-color: #1f2d3d !important;
  border-right: none;
}

/* ==================== 一级菜单样式 ==================== */
/* 一级菜单项（无子菜单，如"欢迎页"） */
.el-menu > .el-menu-item {
  color: #EEEEEE !important;
  background: transparent;
  border-radius: 4px;
  height: 50px;
  line-height: 50px;
  padding-left: 12px !important;
  margin: 1px 4px;
  font-size: 14px;
  transition: all 0.3s ease;
}

.el-menu > .el-menu-item:hover {
  color: #ffffff !important;
  background: linear-gradient(268deg, #FFB653 0%, #FF5F0B 100%) !important;
}

.el-menu > .el-menu-item.is-active {
  color: #409eff !important;
  background-color: #ecf5ff !important;
  font-weight: 600;
}

/* 兼容二三级菜单 active 状态 */
.el-menu .el-menu-item.is-active {
  color: #66b1ff !important;
  background: #1a2c4a !important;
  font-weight: 600;
}

/* 一级菜单 sub-menu 标题（有子菜单，如"业务管理"） */
.el-menu > .el-sub-menu > .el-sub-menu__title {
  color: #EEEEEE !important;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  padding-left: 12px !important;
  margin: 1px 4px;
  border-radius: 4px;
  transition: all 0.3s ease;
  background: transparent !important;
}

.el-menu > .el-sub-menu > .el-sub-menu__title:hover {
  color: #ffffff !important;
  background: linear-gradient(268deg, #FFB653 0%, #FF5F0B 100%) !important;
}

/* ==================== 二级菜单样式 ==================== */
/* 二级菜单容器背景色 - 使用更明显的深蓝灰色 */
.el-menu > .el-sub-menu .el-menu {
  background-color: #141e30 !important;
}

/* 二级菜单项（叶子节点，无子菜单） */
.el-menu > .el-sub-menu .el-menu-item {
  background-color: #141e30 !important;
  color: #a0aec0 !important;
  padding-left: 40px !important;
  font-size: 13px !important;
  height: 42px !important;
  line-height: 42px !important;
  margin: 0 !important;
}

/* 二级菜单的 sub-menu 标题（有三级子菜单） */
.el-menu > .el-sub-menu .el-sub-menu > .el-sub-menu__title {
  background-color: #141e30 !important;
  color: #a0aec0 !important;
  padding-left: 40px !important;
  font-size: 13px !important;
  height: 42px !important;
  line-height: 42px !important;
  margin: 0 !important;
}

/* 二级菜单项 hover 状态 */
.el-menu > .el-sub-menu .el-menu-item:hover {
  background-color: #1e3a5f !important;
  color: #ffffff !important;
}

/* 二级菜单的 sub-menu 标题 hover 状态 */
.el-menu > .el-sub-menu .el-sub-menu > .el-sub-menu__title:hover {
  background-color: #1e3a5f !important;
  color: #ffffff !important;
}

/* 二级菜单项激活状态 */
.el-menu > .el-sub-menu .el-menu-item.is-active,
.el-menu > .el-sub-menu .el-menu-item.height-color {
  color: #66b1ff !important;
  background: #1a2c4a !important;
  font-weight: 600;
  border-left: 3px solid #409eff !important;
  padding-left: 37px !important; /* 因为有 border-left，所以减少 3px */
}

/* 二级菜单子菜单打开时高亮父级标题 */
.el-menu > .el-sub-menu.is-opened > .el-sub-menu__title,
.el-menu > .el-sub-menu.is-active > .el-sub-menu__title {
  background-color: #1e3a5f !important;
  color: #ffffff !important;
}

/* ==================== 三级菜单样式 ==================== */
/* 三级菜单项（叶子节点） */
.el-menu > .el-sub-menu .el-sub-menu .el-menu-item {
  padding-left: 56px !important;
  font-size: 12px !important;
  height: 40px !important;
  line-height: 40px !important;
}

/* 三级菜单项 hover 状态 */
.el-menu > .el-sub-menu .el-sub-menu .el-menu-item:hover {
  background-color: #1e3a5f !important;
  color: #ffffff !important;
}

/* 三级菜单项激活状态 */
.el-menu > .el-sub-menu .el-sub-menu .el-menu-item.height-color {
  color: #66b1ff !important;
  background: #1a2c4a !important;
  font-weight: 600;
  border-left: 3px solid #409eff !important;
  padding-left: 53px !important; /* 因为有 border-left，所以减少 3px */
}

/* ==================== 菜单图标样式 ==================== */
.menu-icon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle;
}

/* ==================== 通用颜色变量 ==================== */
:root {
  --default-color: #1E5EFF;
  --error-color: #F0142F;
  --warning-color: #F99600;
  --white-color: #FFF;
  --success-color: #06A561;
  --grey-color: #A1A7C4;
}

.default-text {
  color: var(--default-color) !important;
}

.error-text {
  color: var(--error-color) !important;
}

.warning-text {
  color: var(--warning-color) !important;
}

.success-text {
  color: var(--success-color) !important;
}

.grey-text {
  color: var(--grey-color) !important;
}

.default-background {
  background: var(--default-color) !important;
}

.error-background {
  background: var(--error-color) !important;
}

.warning-background {
  background: var(--warning-color) !important;
}

/* ==================== 表格样式 ==================== */
.el-picker-panel__sidebar .el-picker-panel__shortcut {
  line-height: 35px;
}

.el-table .cell,
.el-table th.el-table__cell {
  font-weight: normal;
}

/* .el-table--enable-row-transition .el-table__body td.el-table__cell {
  padding: 5px 7px !important;
  height: 52px !important;
 */}

.el-table td.el-table__cell div {
  height: 52px !important;
}

.el-table tr {
  height: 52px;
}

/* ==================== 轻提示样式 ==================== */
.custom-el-popper {
  font-size: 14px !important;
  line-height: 26px !important;
}

.el-popper {
  font-size: 14px !important;
  padding: 12px !important;
  line-height: 25px !important;
}

/* ==================== 按钮样式 ==================== */
.add-button,
.batch-button {
  padding: 8px 10px !important;
  margin-left: 10px !important;
}

.add-button {
  background: var(--default-color) !important;
  border-color: var(--default-color) !important;
}

.batch-button {
  background: var(--warning-color);
  border-color: var(--white-color);
}

.el-link:last-child {
  margin-right: 0 !important;
}

/* ==================== 筛选框样式 ==================== */
.filter-content .el-input__wrapper,
.filter-content .el-date-editor.el-input__wrapper {
  box-shadow: 0 0 0 1px #B7D1EB inset;
}

/* ==================== 表格边框样式 ==================== */
.data-content > .el-table {
  border: 1px solid #B7D1EB;
  border-radius: 4px;
}

.data-content > .el-table td.el-table__cell,
.data-content > .el-table th.el-table__cell.is-leaf {
  border-bottom: 1px solid #B7D1EB !important;
}