/* css/manage.css - 管理页面专用样式 */

/* 管理页面标识类 */
.manage-page,
.manage-modal,
#manageContent {
    /* 所有图标按钮 */
    .btn-icon {
        color: var(--dark-color) !important;
        background: rgba(0, 0, 0, 0.05) !important;
        border: 1px solid #e0e0e0 !important;
    }
    
    .btn-icon:hover {
        background: rgba(52, 152, 219, 0.1) !important;
        border-color: var(--primary-color) !important;
        color: var(--primary-color) !important;
    }
    
    /* 表格中的操作按钮 */
    .table .btn-icon {
        width: 32px !important;
        height: 32px !important;
        font-size: 14px !important;
        margin: 0 2px !important;
    }
    
    /* 排序相关按钮 */
    .sortable-handle {
        color: var(--dark-color) !important;
    }
    
    .remove-item {
        color: var(--danger-color) !important;
    }
    
    .remove-item:hover {
        background: rgba(231, 76, 60, 0.1) !important;
    }
    
    /* 标签页按钮 */
    .tab-btn {
        color: var(--gray-color) !important;
        background: none !important;
        border: none !important;
        border-bottom: 2px solid transparent !important;
    }
    
    .tab-btn.active {
        color: var(--primary-color) !important;
        border-bottom-color: var(--primary-color) !important;
    }
    
    /* 表单中的按钮 */
    .form-control + .btn-icon {
        margin-top: 5px !important;
    }
}

/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
    .manage-page .btn-icon,
    .manage-modal .btn-icon,
    #manageContent .btn-icon {
        color: #e0e0e0 !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border: 1px solid #444 !important;
    }
    
    .manage-page .btn-icon:hover,
    .manage-modal .btn-icon:hover,
    #manageContent .btn-icon:hover {
        background: rgba(52, 152, 219, 0.3) !important;
        color: white !important;
    }
    
    .table .btn-icon {
        color: #e0e0e0 !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border: 1px solid #444 !important;
    }
    
    .table .btn-icon:hover {
        background: rgba(52, 152, 219, 0.3) !important;
    }
    
    .sortable-handle {
        color: #e0e0e0 !important;
    }
    
    .tab-btn {
        color: #95a5a6 !important;
    }
    
    .tab-btn.active {
        color: var(--primary-color) !important;
    }
}

/* css/manage.css */
/* 全局图标可见性修复 */
.manage-modal .btn-icon i,
#manageContent .btn-icon i,
.channel-order-modal .btn-icon i {
    color: var(--dark-color) !important;
}

/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
    .manage-modal .btn-icon i,
    #manageContent .btn-icon i,
    .channel-order-modal .btn-icon i {
        color: #e0e0e0 !important;
    }
}

/* 表格中的按钮图标 */
.table .btn-icon i {
    font-size: 14px !important;
}

/* 模态框中的图标 */
.modal-body .btn-icon i {
    display: block !important;
    margin: 0 auto !important;
}

/* 排序相关图标 */
.sortable-handle i,
.move-up i, 
.move-down i,
.toggle-active i,
.remove-from-order i {
    display: inline-block !important;
    line-height: 1 !important;
}