/* 自定义后台管理样式 - 调整菜单栏和导航栏尺寸 */

/* 调整左侧菜单栏宽度：从 230px 改为 280px */
.main-sidebar,
.left-side {
    width: 280px !important;
}

/* 调整主内容区域左边距以适应更宽的侧边栏 */
.content-wrapper,
.right-side,
.main-footer {
    margin-left: 280px !important;
}

/* 调整顶部导航栏的左边距 */
.main-header .navbar {
    margin-left: 280px !important;
}

/* 调整 Logo 区域宽度 */
.main-header .logo {
    width: 280px !important;
}

/* 调整侧边栏在小屏幕上的transform */
@media (max-width: 767px) {
    .main-sidebar,
    .left-side {
        -webkit-transform: translate(-280px, 0) !important;
        -ms-transform: translate(-280px, 0) !important;
        -o-transform: translate(-280px, 0) !important;
        transform: translate(-280px, 0) !important;
    }
}

/* 调整侧边栏折叠时的transform */
@media (min-width: 768px) {
    .sidebar-collapse .main-sidebar,
    .sidebar-collapse .left-side {
        -webkit-transform: translate(-280px, 0) !important;
        -ms-transform: translate(-280px, 0) !important;
        -o-transform: translate(-280px, 0) !important;
        transform: translate(-280px, 0) !important;
    }
}

/* 调整鼠标悬停时的菜单宽度 */
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a {
    width: 280px !important;
}

/* 修复侧边栏打开时的transform */
@media (max-width: 767px) {
    .sidebar-open .content-wrapper,
    .sidebar-open .right-side,
    .sidebar-open .main-footer {
        -webkit-transform: translate(280px, 0) !important;
        -ms-transform: translate(280px, 0) !important;
        -o-transform: translate(280px, 0) !important;
        transform: translate(280px, 0) !important;
    }
}

/* 调整顶部导航栏高度：从 50px 改为 60px */
.main-header .navbar {
    min-height: 60px !important;
}

.main-header .logo {
    height: 60px !important;
    line-height: 60px !important;
}

/* 调整侧边栏顶部内边距以适应更高的导航栏 */
.main-sidebar,
.left-side {
    padding-top: 60px !important;
}

/* 调整侧边栏切换按钮的内边距以适应更高的导航栏 */
.main-header .sidebar-toggle {
    padding: 20px 15px !important;
}

/* 调整导航栏右侧菜单项的内边距 */
.main-header .navbar .nav > li > a {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    line-height: 20px !important;
}

/* 调整用户下拉菜单的定位 */
.main-header .navbar .dropdown-menu {
    margin-top: 0 !important;
}

/* 调整固定布局下的内容区域顶部内边距 */
.fixed .content-wrapper,
.fixed .right-side {
    padding-top: 60px !important;
}

/* 调整多标签页模式下的导航标签 */
.main-header .nav-tabs {
    height: 60px !important;
}

.main-header .nav-tabs > li > a {
    line-height: 60px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 调整第二级导航菜单（如果开启了多级导航） */
#secondnav {
    margin-left: 280px !important;
}

.sidebar-collapse #secondnav {
    margin-left: 50px !important;
}

/* 调整标签页导航的垂直对齐 */
.main-header .nav-addtabs > li > a {
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
}

/* 调整搜索框等内联元素的垂直对齐 */
.main-header .navbar-form {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

/* 响应式调整 - 平板和手机屏幕 */
@media (max-width: 767px) {
    /* 在小屏幕上恢复默认尺寸 */
    .main-sidebar,
    .left-side {
        width: 230px !important;
    }

    .main-header .logo {
        width: 230px !important;
    }

    .content-wrapper,
    .right-side,
    .main-footer {
        margin-left: 0 !important;
    }

    .main-header .navbar {
        margin-left: 0 !important;
        min-height: 50px !important;
    }

    .main-header .logo {
        height: 50px !important;
        line-height: 50px !important;
    }

    .main-sidebar,
    .left-side {
        padding-top: 50px !important;
    }

    #secondnav {
        margin-left: 0 !important;
    }
}

/* 调整侧边栏收起状态 */
@media (min-width: 768px) {
    .sidebar-collapse .content-wrapper,
    .sidebar-collapse .right-side,
    .sidebar-collapse .main-footer {
        margin-left: 50px !important;
    }

    .sidebar-collapse .main-header .navbar {
        margin-left: 50px !important;
    }

    .sidebar-collapse .main-header .logo {
        width: 50px !important;
    }
}