/* public/css/sidebar-custom.css */
/* 核心：修改侧边栏主背景为紫蓝渐变 */

.sidebar,.navbar-header,.main-sidebar{
    background: linear-gradient(90deg, #6a11cb 0%, #2575fc 100%) !important;
    /* 确保渐变覆盖整个侧边栏高度 */
    background-size: 100% 100% !important;
    background-attachment: fixed !important;
}

/* 优化侧边栏文字/图标颜色（保证在渐变背景上清晰可见） */
/* 侧边栏菜单文字 */
.sidebar .nav-item>a {
    color: #ffffff !important;
    opacity: 0.9;
}

/* 菜单hover/选中状态 */
.sidebar .nav-item>a:hover,
.sidebar .nav-item>a.active,
.sidebar .nav-item>a.active:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    opacity: 1;
}

/* 侧边栏logo区域背景（和渐变融合） */
.sidebar-logo {
    background: transparent !important;
}

/* 侧边栏折叠按钮 */
.sidebar-toggle {
    color: #ffffff !important;
}

/* 子菜单背景（适配渐变） */
.sidebar .nav-child {
    background-color: rgba(0, 0, 0, 0.1) !important;
}
.sidebar .nav-child>li>a {
    color: #ffffff !important;
    opacity: 0.85;
}
.sidebar .nav-child>li>a:hover {
    opacity: 1;
}
:root {
    /* 主按钮：取渐变最协调的统一主色 */
    --theme-btn: #4A42E6;
    /* hover 加深，保持同色系 */
    --theme-btn-hover: #3B34C7;
    /* 次要按钮浅色 */
    --theme-light: #F0F0FF;
}

/* 按钮主样式 */
.btn {
    background: var(--theme-btn) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}
/* hover状态（稍深） */
.btn:hover {
    background: var(--theme-btn) !important;
}


/* 按钮hover/激活/聚焦状态 - 稍深的同色系，保留交互反馈 */


/* 覆盖Dcat Admin所有特殊按钮类型，统一为var(--theme-btn)主色 */
/* 提交/保存/主要按钮 */
.btn-primary {
    background: var(--theme-btn) !important;
}
.btn-primary:hover {
    background: var(--theme-btn) !important;
}

/* 编辑/更新按钮 */
.btn-edit, .btn-update {
    background: var(--theme-btn) !important;
}
.btn-edit:hover, .btn-update:hover {
    background: var(--theme-btn) !important;
}

/* 搜索/信息按钮 */
.btn-search, .btn-info {
    background: var(--theme-btn) !important;
}
.btn-search:hover, .btn-info:hover {
    background: var(--theme-btn) !important;
}

/* 重置/取消/次要按钮 */
.btn-reset, .btn-default, .btn-secondary {
    background: var(--theme-btn) !important;
}
.btn-reset:hover, .btn-default:hover, .btn-secondary:hover {
    background: var(--theme-btn) !important;
}

/* 小尺寸按钮适配（表格操作列等） */
.btn-sm, .btn-xs {
    background: var(--theme-btn) !important;
}
.btn-sm:hover, .btn-xs:hover {
    background: var(--theme-btn) !important;
}

/* 表格操作列按钮（Dcat Admin核心场景） */
.table td .btn {
    background: var(--theme-btn) !important;
}
.table td .btn:hover {
    background: var(--theme-btn) !important;
}

/* 可选：如需保留删除按钮红色，注释以下代码 */
.btn-delete, .btn-danger {
    background: var(--theme-btn) !important;
}
.btn-delete:hover, .btn-danger:hover {
    background: var(--theme-btn) !important;
}
.webuploader-pick{
    background: var(--theme-btn) !important;
}
.layui-layer-btn .layui-layer-btn0 {
    border-color: #eef5ff !important;
    background: var(--theme-btn) !important;
}
.pagination .page-item.active .page-link {
    background: var(--theme-btn) !important;
    border-radius: 0 !important;
}

.vs-checkbox-con input:checked~.vs-checkbox .vs-checkbox--check {
    transform: translate(0);
    background: var(--theme-btn) !important;
}

/* 所有 layer 弹窗标题栏（新增/修改/编辑 通用） */
/*.layui-layer-title {
    background: linear-gradient(90deg, #6a11cb 0%, #2575fc 100%) !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 20px !important;
    border: none !important;
    border-radius: 10px 10px 0 0 !important;
}*/

/* 右上角关闭按钮 */
/*.layui-layer-setwin {
    right: 18px !important;
    top: 15px !important;
}
.layui-layer-setwin a {
    color: #ffffff !important;
    font-size: 18px !important;
    opacity: 1 !important;
}
.layui-layer-setwin a:hover {
    color: #ffeeee !important;
}*/


/* 2. 提示弹窗样式 */
.toast.toast-success,
.swal2-popup.swal2-toast.swal2-icon-success {
    background: linear-gradient(90deg, #6a11cb 0%, #2575fc 100%) !important;
    color: #fff !important;
}
.toast.toast-success .toast-icon,
.swal2-popup.swal2-toast.swal2-icon-success .swal2-icon {
    color: #fff !important;
}
.toast.toast-success .toast-close-button,
.swal2-popup.swal2-toast.swal2-icon-success .swal2-close {
    color: rgba(255,255,255,0.8) !important;
}
.toast.toast-error {
    background-color: #ff4d4f !important;
    color: #fff !important;
}
.toast.toast-warning {
    background-color: #faad14 !important;
    color: #fff !important;
}
.nav>.nav-item>.nav-treeview{
    padding-left: 25px;
}