/* 调试样式文件 - 增强版本，确保布局正确显示 */

/* 重置所有可能冲突的样式 - 使用最高优先级 */
* {
  box-sizing: border-box !important;
}

/* 重置主内容区域样式 */
.main-content {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 重置内容包装器样式 */
.content-wrapper {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 重置项目详情容器 */
.project-detail-container {
  padding: 20px !important;
  width: 100% !important;
  margin: 0 !important;
}

/* 重置标签页内容容器 */
.tab-content {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 重置项目进度标签页内容 */
.progress-tab-content {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 强制覆盖主内容布局样式 - 使用最高优先级 */
.progress-tab-content > .main-content-layout {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 20px !important;
  margin-top: 20px !important;
  width: 100% !important;
  background-color: rgba(200, 200, 255, 0.3) !important; /* 明显的背景色 */
  padding: 20px !important;
  border-radius: 8px !important;
}

/* 强制覆盖左侧列样式 - 使用最高优先级 */
.progress-tab-content > .main-content-layout > .left-column {
  width: 33.333% !important;
  min-width: 33.333% !important;
  max-width: 33.333% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  background-color: rgba(255, 200, 200, 0.3) !important; /* 左侧列背景色 */
  padding: 10px !important;
  border-radius: 6px !important;
}

/* 强制覆盖右侧列样式 - 使用最高优先级 */
.progress-tab-content > .main-content-layout > .right-column {
  width: 66.667% !important;
  min-width: 66.667% !important;
  max-width: 66.667% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  background-color: rgba(200, 255, 200, 0.3) !important; /* 右侧列背景色 */
  padding: 10px !important;
  border-radius: 6px !important;
}

/* 优化卡片样式 */
.left-column .card,
.right-column .card {
  background-color: white !important;
  border-radius: 8px !important;
  padding: 20px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #eaeaea !important;
}

/* 确保响应式布局正常工作 */
@media (max-width: 1024px) {
  .progress-tab-content > .main-content-layout {
    flex-direction: column !important;
  }
  
  .progress-tab-content > .main-content-layout > .left-column,
  .progress-tab-content > .main-content-layout > .right-column {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}