/**
 * 左边栏位置调整
 * 将左边栏移动到屏幕左边，去掉左侧间距
 */

/* 主容器调整 - 强制去掉左侧内边距 */
.container-fluid.main-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 内容行调整 - 强制去掉左右边距和内边距 */
.row.content-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 左侧边栏调整 - 移动到屏幕左边 */
#leftSidebar {
    padding-left: 0 !important;
    margin-left: 0 !important;
    position: relative !important;
    left: 0 !important;
}

/* 左侧边栏卡片调整 - 去掉左侧圆角和边框，完全贴合屏幕边缘 */
#leftSidebar .card {
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* 左侧边栏卡片内容调整 */
#leftSidebar .card-body {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* 右侧主内容区域调整 - 确保不重叠 */
#mainContent {
    padding-left: 15px !important;
    margin-left: 0 !important;
}

/* 筛选条件区域调整 - 确保从左边开始 */
.filter-section.card {
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* 筛选表单调整 */
#filterForm {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* 第一个筛选器项目调整 */
.filter-item:first-child {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* 确保缩放按钮位置正确 */
#sidebarToggle {
    right: -12px !important;
    left: auto !important;
}

/* 账户表格容器调整 - 去掉左侧圆角 */
#leftSidebar .table-responsive {
    max-height: calc(100vh - 200px) !important;
    overflow-y: auto !important;
}

/* 币种汇总容器调整 - 去掉左侧圆角 */
#leftSidebar #currencySummary {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* 覆盖可能的Bootstrap默认样式 */
.col-md-2#leftSidebar {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* 响应式调整 */
@media (max-width: 767.98px) {
    /* 小屏幕设备 */
    #leftSidebar {
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 1rem !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    #mainContent {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    /* 小屏幕时恢复圆角 */
    #leftSidebar .card {
        border-radius: 0.25rem !important;
    }
}

@media (min-width: 768px) {
    /* 中等及以上屏幕设备 */
    #leftSidebar {
        flex: 0 0 280px !important;
        max-width: 280px !important;
        width: 280px !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    #mainContent {
        flex: 1 !important;
        max-width: calc(100% - 280px) !important;
        padding-left: 15px !important;
        margin-left: 0 !important;
    }
}

/* 强制覆盖任何可能的内联样式 */
body #leftSidebar {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

body .container-fluid.main-container {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

body .row.content-row {
    margin-left: 0 !important;
    padding-left: 0 !important;
} 