// shared styles for project list cards

.project-list {
  padding-bottom: 20rpx;
}

.project-card {
  background-color: #fff;
  border-radius: 16rpx;
  padding: 30rpx;
  margin-bottom: 24rpx;
  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.03);
  position: relative;
  overflow: hidden;
  
  &::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 6rpx;
    height: 100%;
    background-color: #1c9bfd;
  }
  
  .card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24rpx;
    padding-bottom: 20rpx;
    border-bottom: 2rpx dashed #eee;
    
    .title {
      font-size: 32rpx;
      font-weight: bold;
      color: #343A3F;
      flex: 1;
      margin-right: 20rpx;
      line-height: 1.4;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    
    .status-tag {
      font-size: 24rpx;
      padding: 6rpx 16rpx;
      border-radius: 8rpx;
      white-space: nowrap;
      
      &.status-05 { color: #8c8c8c; background-color: rgba(140, 140, 140, 0.1); } // 待立项
      &.status-10 { color: #1c9bfd; background-color: rgba(28, 155, 253, 0.1); } // 立项
      &.status-20 { color: #52c41a; background-color: rgba(82, 196, 26, 0.1); } // 在研
      &.status-30 { color: #faad14; background-color: rgba(250, 173, 20, 0.1); } // 结题验收
      &.status-40 { color: #f5222d; background-color: rgba(245, 34, 45, 0.1); } // 中止
    }
  }
  
  .card-body {
    .info-item {
      display: flex;
      padding: 16rpx 0;
      border-bottom: 2rpx dashed #f5f5f5;
      font-size: 28rpx;
      line-height: 1.5;

      &:last-child { border-bottom: none; }
      
      .label { color: #343A3F; width: 180rpx; flex-shrink: 0; }
      .value { color: #585858; flex: 1; text-align: right; word-break: break-all; }
      .amount { color: #ff4d4f; font-weight: bold; font-family: din; font-size: 32rpx; }
    }
  }
}
