/* 用户信息区域（DcatAdmin 默认存在，若无则忽略） */
.user-panel {
    border-bottom: 1px solid #eef2f6;
    background-color: #ffffff;
}
.user-panel .info a {
    color: #1f2937 !important;
    font-weight: 500;
}

/* 菜单容器 */
.nav-sidebar {
    padding: 0.5rem 0;
}

/* 一级菜单项 */
.nav-sidebar .nav-item {
    margin: 0.25rem 0.75rem;
    border-radius: 0.75rem;
    transition: all 0.2s ease;
}

/* 一级菜单链接 */
.nav-sidebar .nav-link {
    padding: 0.75rem 1rem !important;
    color: #4b5563 !important;
    font-weight: 500;
    border-radius: 0.75rem;
    transition: all 0.2s;
    display: flex;
    align-items: center;
}

/* 菜单图标 */
.nav-sidebar .nav-link .nav-icon {
    color: #9ca3af;
    transition: color 0.2s;
    margin-right: 0.5rem;
    font-size: 1.1rem;
}

/* 悬停效果 */
.nav-sidebar .nav-link:hover {
    background-color: #f3f4f6 !important;
    color: #1f2937 !important;
}
.nav-sidebar .nav-link:hover .nav-icon {
    color: #4f46e5;
}

/* 激活菜单（当前页面） */
.nav-sidebar .nav-item.menu-open > .nav-link,
.nav-sidebar .nav-link.active {
    background-color: #eef2ff !important;
    color: #4f46e5 !important;
    font-weight: 600;
    position: relative;
}
.nav-sidebar .nav-link.active .nav-icon {
    color: #4f46e5;
}
/* 左侧强调竖条 */
.nav-sidebar .nav-link.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 70%;
    background-color: #4f46e5;
    border-radius: 0 3px 3px 0;
}

/* 树形菜单（子菜单容器） */
.nav-sidebar .nav-treeview {
    background-color: #fafbfc;
    margin: 0.5rem 0 0.5rem 1.5rem;
    padding-left: 0.5rem;
    border-left: 1px solid #eef2f6;
    border-radius: 0;
}

/* 子菜单项 */
.nav-sidebar .nav-treeview .nav-item {
    margin: 0;
}
.nav-sidebar .nav-treeview .nav-link {
    padding: 0.6rem 1rem !important;
    font-size: 0.85rem;
    color: #6b7280 !important;
    border-radius: 0.5rem;
    transition: all 0.2s;
}
.nav-sidebar .nav-treeview .nav-link:hover {
    background-color: #f0f2f5 !important;
    color: #1f2937 !important;
}
.nav-sidebar .nav-treeview .nav-link.active {
    background-color: #eef2ff !important;
    color: #4f46e5 !important;
    font-weight: 500;
}
.nav-sidebar .nav-treeview .nav-link.active .nav-icon {
    color: #4f46e5;
}

/* 菜单分组标题（如果存在 .nav-header） */
.nav-sidebar .nav-header {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: #9ca3af;
    padding: 0.75rem 1rem 0.25rem 1rem;
    background: transparent;
}

/* 折叠箭头动画（DcatAdmin 默认使用 .nav-link 内的 .right 或 .pull-right） */
.nav-sidebar .nav-link .right {
    transition: transform 0.2s;
}
.nav-sidebar .nav-item.menu-open > .nav-link .right {
    transform: rotate(-90deg);
}

/* 侧边栏滚动条美化 */
.sidebar {
    scrollbar-width: thin !important;
    scrollbar-color: #cbd5e1 #f1f5f9 !important;
}
.sidebar::-webkit-scrollbar {
    width: 5px;
}
.sidebar::-webkit-scrollbar-track {
    background: #f1f5f9 !important;
}
.sidebar::-webkit-scrollbar-thumb {
    /*background-color: #cbd5e1 !important;*/
    background: rgba(115, 103, 240, 0.2) !important;
    border-radius: 10px !important;
}

/* ===== 全局背景与内容区域 ===== */
.main-horizontal-sidebar,
.main-sidebar {
    background: rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(12px) !important;
    border-right: 1px solid rgba(115, 103, 240, 0.1);
}

/* 顶部导航栏也加毛玻璃 */
.main-header {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(115, 103, 240, 0.1);
}

/* 内容区域卡片通用样式 */
.card, .box, .box-body, .panel, .dcat-box, .card-body {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(12px) !important;
    border-radius: 16px !important;
    border: 1px solid rgba(115, 103, 240, 0.1) !important;
    box-shadow: 0 8px 24px rgba(115, 103, 240, 0.06) !important;
}

/* 表格的卡片包裹也美化 */
.box .box-header {
    border-radius: 16px 16px 0 0 !important;
    background: rgba(115, 103, 240, 0.05) !important;
}

/* 按钮通用美化 */
.btn-primary {
    background: linear-gradient(135deg, #7367F0 0%, #28C76F 100%) !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(115, 103, 240, 0.3) !important;
    transition: all 0.2s ease !important;
}
.btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(115, 103, 240, 0.4) !important;
}

/* 表格选择条件 */
.grid-selector .wrap{
    border-radius: 8px !important;
    background: linear-gradient(135deg, #f0f4ff 0%, #eaf7ef 100%); !important;
}

/* 表格快捷搜索 */
.table-filter .form-control {
    border-radius: 8px !important;
    background: linear-gradient(135deg, #f0f4ff 0%, #eaf7ef 100%); !important;
}

/* 表单输入框圆角 */
.form-control {
    border-radius: 8px !important;
}

.input-group-text {
    border-radius: 8px !important;
    background: linear-gradient(135deg, #f0f4ff 0%, #eaf7ef 100%); !important;
}

/* 页面标题区域也可以调整 */
.content-header .breadcrumb {
    background: transparent !important;
}


/* ===== 侧边栏整体背景 ===== */
.main-sidebar {
    background: linear-gradient(
        135deg,
        rgba(115, 103, 240, 0.08) 0%,
        rgba(40, 199, 111, 0.06) 100%
    ) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-right: 1px solid rgba(115, 103, 240, 0.12) !important;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.4) !important;
    color: #2c3e50;
}

/* ===== 菜单项通用样式 ===== */
.sidebar-menu li > a {
    color: #2c3e50 !important;
    border-radius: 10px;
    margin: 3px 10px;
    transition: all 0.2s ease;
    font-weight: 500;
}

/* 鼠标悬停效果 */
.sidebar-menu li > a:hover {
    background: rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 4px 12px rgba(115, 103, 240, 0.1);
    transform: translateX(3px);
}

/* 侧边栏顶部 Logo 区域 */
.navbar-header {
    background: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(115, 103, 240, 0.1);
}