/* 管理端导航样式 - 统一版本，完全基于health-nav系统 */

/* 管理端导航菜单样式 */
.admin-nav-menu {
    display: none; /* 移动端隐藏 */
    align-items: center;
    flex: 1;
    justify-content: center;
    margin: 0 var(--health-spacing-md);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* PC端显示导航菜单 */
@media (min-width: 1024px) {
    .admin-nav-menu {
        display: flex;
    }
}

/* 使用margin替代gap实现兼容性 */
.admin-nav-menu > * {
    margin-right: var(--health-spacing-xs);
}
.admin-nav-menu > *:last-child {
    margin-right: 0;
}

/* 导航链接样式 */
.admin-nav-link {
    display: flex;
    align-items: center;
    padding: var(--health-spacing-sm) var(--health-spacing-md);
    border-radius: var(--health-radius-md);
    color: var(--health-text-secondary);
    text-decoration: none;
    font-size: var(--health-font-sm);
    font-weight: var(--health-weight-medium);
    white-space: nowrap;
    transition: all var(--health-duration-fast) var(--health-ease);
}

.admin-nav-link > * {
    margin-right: var(--health-spacing-xs);
}
.admin-nav-link > *:last-child {
    margin-right: 0;
}

.admin-nav-link:hover {
    background-color: var(--health-bg-secondary);
    color: var(--health-text-primary);
}

.admin-nav-link.active {
    background-color: var(--health-info-light);
    color: var(--health-info);
    font-weight: var(--health-weight-semibold);
}

.admin-nav-link i {
    font-size: var(--health-font-base);
}

/* 右侧操作区样式 */
.admin-nav-actions {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.admin-nav-actions > * {
    margin-right: var(--health-spacing-sm);
}
.admin-nav-actions > *:last-child {
    margin-right: 0;
}

/* 服务器状态样式 */
.admin-nav-status {
    display: flex;
    align-items: center;
    font-size: var(--health-font-xs);
}

/* 管理端导航栏特殊设置 - 确保无留空，滚动时置顶 */
#adminTopNav.health-nav {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: sticky !important;
    position: -webkit-sticky !important; /* Safari */
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: var(--health-z-sticky, 1020) !important;
}

/* 管理端导航内容区域 - 占满整个宽度 */
#adminTopNav .health-nav-content {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 var(--health-spacing-md, 16px) !important;
}

/* 超大屏幕才限制最大宽度并居中 */
@media (min-width: 1400px) {
    #adminTopNav .health-nav-content {
        max-width: 1400px !important;
        margin: 0 auto !important;
    }
}

/* 管理端内容区域 - 移除顶部留空（导航栏使用sticky定位，不需要预留空间） */
body.admin-pc-page .health-container,
body.health-app.admin-pc-page .health-container,
body.admin-pc-page .container,
body.admin-pc-page .ios-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 确保body和html没有上方留空 */
body.admin-pc-page,
body.health-app.admin-pc-page {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

html {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 隐藏旧的PC导航（如果存在） */
#admin-pc-nav {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}