/* ====================== ElementUI 自定义主题（纯净版·无按钮组样式） ====================== */
:root {
    /* ---------- 系统基础色 ---------- */
    /*--el-color-primary: #0052cc;             !* 主色 *!*/
    --el-color-primary: #257eff;             /*!* 主色 *!*/
    --el-color-primary-hover: #3c8bff;       /* 主色悬停 */
    --el-color-success: #67c23a;
    --el-color-warning: #e6a23c;
    --el-color-danger: #f56c6c;

    /* ---------- 文字颜色 ---------- */
    --el-text-color-primary: #282c33;
    --el-text-color-regular: #545b66;
    --el-text-color-secondary: #848b99;
    --el-text-color-placeholder: #848b99;
}

/* ====================== 全局文字颜色统一 ====================== */
body,
.el-pagination,
.el-pagination__total,
.el-pagination__size,
.el-pagination__jump,
.el-input__inner,
.el-select-dropdown__item,
.el-table th,
.el-table td,
.el-form-item__label,
.el-dialog__title,
.el-menu-item,
.el-breadcrumb__item,
.el-tree-node__label {
    /*color: var(--el-text-color-primary) !important;*/
}

.el-form-item__tip,
.el-checkbox__label,
.el-radio__label {
    /*color: var(--el-text-color-regular) !important;*/
}

.el-input__inner::placeholder,
.el-textarea__inner::placeholder {
    /*color: var(--el-text-color-placeholder) !important;*/
}

/* ====================== Table 表头背景色统一设置 ====================== */
.el-table th {
    background-color: #ebedf5 !important;
}

/* 确保表头单元格内的内容区域也有相同的背景色 */
.el-table th > .cell {
    background-color: #ebedf5 !important;
}

/* ====================== Table 表头文字色统一设置 ====================== */
.el-table thead {
    color: #606266 !important;
    font-weight: 500;
}

/* ====================== 分页选中：只改边框 + 文字色，无背景 ====================== */
.el-pager li { background: transparent !important; }
.el-pager li.active {
    color: var(--el-color-primary) !important;
    background: transparent !important;
    border-color: var(--el-color-primary) !important;
}
.el-pager li:hover {
    color: var(--el-color-primary) !important;
    border-color: var(--el-color-primary) !important;
    background: transparent !important;
}

/* ====================== 普通主按钮 ====================== */
.el-button--primary {
    background-color: var(--el-color-primary) !important;
    border-color: var(--el-color-primary) ;
    color: #fff !important;
}
.el-button--primary:hover {
    background-color: var(--el-color-primary-hover) !important;
    border-color: var(--el-color-primary-hover) !important;
}
.el-button--primary:active {
    background-color: #0066FF !important;
    border-color: #0066FF !important;
}
.el-button--primary.is-disabled {
    background-color: #f6f7fa !important;
    border-color: #f6f7fa !important;
    color: #c0c4cc !important;
}

/* ====================== 朴素按钮 ====================== */
.el-button--primary.is-plain {
    color: var(--el-color-primary) !important;
    background: #fff !important;
    border-color: var(--el-color-primary) !important;
}
.el-button--primary.is-plain:hover {
    color: #fff !important;
    background: var(--el-color-primary-hover) !important;
    border-color: var(--el-color-primary-hover) !important;
}

/* ====================== 输入框 / 时间选择器聚焦：边框=主题色 ====================== */
.el-input__inner:focus,
.el-textarea__inner:focus,
.el-select .el-input__inner:focus,
.el-date-editor .el-input__inner:focus {
    background-color: transparent !important;
    border-color: var(--el-color-primary) !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ====================== 时间选择器下拉选中项 ====================== */
.el-time-select-item.selected {
    border-color: var(--el-color-primary) !important;
    background: transparent !important;
    color: var(--el-color-primary) !important;
}

/* ====================== 表单错误提示文字 ====================== */
.el-form-item.is-error .el-form-item__error {
    color: #ff1e00 !important;
}

/* ====================== Tabs 选项卡 ====================== */
.el-tabs__item.is-active {
    color: var(--el-color-primary) !important;
    border-color: var(--el-color-primary) !important;
}
.el-tabs__item:hover {
    color: var(--el-color-primary-hover) !important;
}
.el-tabs__active-bar {
    background-color: var(--el-color-primary) !important;
}

/* ====================== 全局主色组件 ====================== */
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-radio__input.is-checked .el-radio__inner,
.el-switch.is-checked .el-switch__core,
.el-menu-item.is-active {
    /*background-color: var(--el-color-primary);*/
    border-color: var(--el-color-primary) !important;
    /*color: var(--el-color-primary) !important;*/
}

/* ======================
 1. Table 复选框 选中颜色 = 主题色
====================== */
/* 复选框勾选后的背景色 */
.el-table .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--el-color-primary) !important;
    border-color: var(--el-color-primary) !important;
}
/* 复选框勾选后的对勾颜色 */
.el-table .el-checkbox__input.is-checked .el-checkbox__inner::after {
    border-color: #fff !important;
}

/* 所有表格复选框 选中 / 半选 统一使用主题色 */
.el-table .el-checkbox__input.is-checked .el-checkbox__inner,
.el-table-filter .el-checkbox__input.is-checked .el-checkbox__inner,
.el-table .el-checkbox__input.is-indeterminate .el-checkbox__inner,
.el-table-filter .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: var(--el-color-primary) !important;
    border-color: var(--el-color-primary) !important;
}

/* 复选框对勾颜色保持白色 */
.el-table .el-checkbox__input.is-checked .el-checkbox__inner::after,
.el-table-filter .el-checkbox__input.is-checked .el-checkbox__inner::after {
    border-color: #ffffff !important;
}

/* 表格筛选下拉 选中项高亮 主题色 */
.el-table-filter__list-item.is-active {
    background-color: var(--el-color-primary) !important;
    color: #fff !important;
}

/* 表格筛选下拉 hover 效果（统一风格） */
.el-table-filter__list-item:hover {
    background-color: var(--el-color-primary) !important;
    color: var(--el-color-primary) !important;
}

.el-table th > .cell.highlight {
    color: var(--el-color-primary) !important;
}


/* 默认按钮 hover 样式：背景不变，边框+文字=主题色 */
/* 仅默认空白按钮生效，所有带类型（primary/success/warning/danger/info）都不生效 */
.el-button.el-button--default:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(.el-button--info):hover {
    border-color: var(--el-color-primary) !important;
    color: var(--el-color-primary) !important;
}

/* 单选框选中状态 主题色 */
.el-radio__input.is-checked .el-radio__inner {
    background: var(--el-color-primary) !important;
    border-color: var(--el-color-primary) !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: var(--el-color-primary) !important;
}