/* 统一白色简洁主题 - EMA管理系统 */

/* ==================== 主色调 ==================== */
:root {
    --primary-color: #1677ff;
    --primary-dark: #0958d9;
    --primary-light-bg: rgba(22, 119, 255, 0.06);
}

/* ==================== Logo & 头部 ==================== */
.layui-logo {
    color: var(--primary-color);
}

.layui-header {
    background: #fff;
}

/* ==================== 按钮 ==================== */
.layui-btn-primary {
    border: 1px solid #d9d9d9;
    background: #fff;
    color: #595959;
}

.layui-btn-primary:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.layui-btn-normal {
    background: var(--primary-color);
    border: none;
    color: #fff;
}

.layui-btn-normal:hover {
    background: var(--primary-dark);
}

/* ==================== 表单 ==================== */
.layui-form-select dl dd.layui-this {
    background: var(--primary-color);
}

.layui-laydate .layui-this .layui-laydate-mirror {
    background: var(--primary-color) !important;
    color: #fff !important;
}

/* ==================== 表格 ==================== */
.layui-table thead tr {
    background: #fafafa;
}

.layui-table th {
    font-weight: 600;
    color: #262626;
}

.layui-table-hover,
.layui-table tbody tr:hover {
    background: var(--primary-light-bg) !important;
}

.layui-table tr.table-selected,
.layui-table tbody tr.table-selected:hover {
    background: var(--primary-light-bg) !important;
}

.layui-table-sort {
    color: var(--primary-color);
}

/* ==================== 侧边栏 - 统一蓝色指示条风格 ==================== */
/* 选中状态 - 蓝色文字 + 左侧指示条 */
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this {
    background: transparent !important;
}

.layui-nav-tree .layui-this > a,
.layui-nav-tree .layui-nav-child dd.layui-this > a {
    color: var(--primary-color) !important;
    background: transparent !important;
    font-weight: 500;
}

.layui-nav-tree .layui-this > a:hover {
    background: transparent !important;
}

.layui-nav-tree .layui-this > a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 20px;
    background: var(--primary-color);
    border-radius: 0 2px 2px 0;
}

/* 一级菜单展开 - 蓝色文字 + 左侧指示条 */
.layui-nav-tree .layui-nav-itemed > a {
    color: var(--primary-color) !important;
    background: transparent !important;
    font-weight: 500;
}

.layui-nav-tree .layui-nav-itemed > a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 20px;
    background: var(--primary-color);
    border-radius: 0 2px 2px 0;
}

/* 菜单悬停 */
.layui-nav-tree .layui-nav-item a:hover {
    color: var(--primary-color);
    background: transparent;
}

/* 子菜单悬停 */
.layui-nav-tree .layui-nav-child dd a:hover {
    color: var(--primary-color);
    background: transparent;
}

/* 子菜单选中 */
.layui-nav-tree .layui-nav-child dd.layui-this > a {
    color: var(--primary-color) !important;
    background: transparent !important;
}

/* ==================== 标签页 ==================== */
.layui-tab-title .layui-this {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
}

.layui-tab-title .layui-this::after {
    border: none;
}

.layui-tab-bar i:hover {
    background: #ff4d4f !important;
    color: #fff !important;
}

/* ==================== 分页 ==================== */
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background: var(--primary-color);
    border-radius: 6px;
}

.layui-laypage .layui-laypage-a:hover {
    color: var(--primary-color);
}

/* ==================== 弹窗 ==================== */
.layui-layer-title {
    background: #fff;
    color: #262626;
    border-bottom: 1px solid #e8e8e8;
}

.layui-layer-btn a:first-child {
    background: var(--primary-color) !important;
    border: none !important;
}

.layui-layer-btn a:first-child:hover {
    background: var(--primary-dark) !important;
}

.layui-layer-setwin .layui-layer-close1:hover {
    color: #595959 !important;
}

/* ==================== 边框 ==================== */
.layui-border-theme {
    border-color: var(--primary-color) !important;
}

/* ==================== 文字颜色 ==================== */
.text-primary,
.layui-text-primary {
    color: var(--primary-color) !important;
}

.text-success,
.layui-text-success {
    color: #52c41a !important;
}

.text-warning,
.layui-text-warning {
    color: #faad14 !important;
}

.text-danger,
.layui-text-danger {
    color: #ff4d4f !important;
}

/* ==================== 徽章 ==================== */
.layui-badge,
.layui-badge-rim {
    background: var(--primary-color);
    color: #fff;
}

.layui-badge-dot {
    background: var(--primary-color);
}

/* ==================== 进度条 ==================== */
.layui-progress-bar {
    background: var(--primary-color);
}

/* ==================== 开关 ==================== */
.layui-form-switch:checked {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

/* ==================== 复选框 ==================== */
.layui-form-checked[lay-filter=""] {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.layui-form-checked:hover {
    border-color: var(--primary-color);
}

/* ==================== 单选框 ==================== */
.layui-form-radioed > i,
.layui-form-radioed:hover > i {
    color: var(--primary-color);
}

/* ==================== 卡片 ==================== */
.layui-card {
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    border: 1px solid #e8e8e8;
}

.layui-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.layui-card-header {
    border-bottom-color: #e8e8e8;
    font-weight: 600;
}

/* ==================== 面包屑 ==================== */
.layui-breadcrumb a:hover {
    color: var(--primary-color);
}

/* ==================== 下拉菜单 ==================== */
.layui-dropdown .layui-menu {
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    border: 1px solid #e8e8e8;
}

.layui-dropdown-menu .layui-menu li:hover {
    background: var(--primary-light-bg);
}

/* ==================== 滑块 ==================== */
.layui-slider-wrap-btn {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

/* ==================== 树形组件 ==================== */
.layui-tree-set .layui-tree-entry:hover {
    background: var(--primary-light-bg);
}

.layui-tree-set.layui-tree-checked .layui-tree-entry {
    background: var(--primary-light-bg);
}
