// Line类型特有样式 - 行内布局
.pisell-client-card--line {
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;

  // 内容容器 - 水平布局
  .pisell-client-card__content {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0; // 允许flex子元素收缩
  }

  // 插槽容器
  .pisell-client-card__slot-left {
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }

  .pisell-client-card__slot-right {
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }

  // 头像样式
   .pisell-client-card__avatar-wrapper {
     position: relative;
     flex-shrink: 0; // 头像不收缩
   }
   
   .pisell-client-card__avatar {
     border: 1px solid #e5e7eb;
     
     .ant-avatar-string {
       font-weight: 600;
       font-size: 12px;
     }
   }
   
   // 状态指示器
   .pisell-client-card__status-indicator {
     position: absolute;
     top: -2px;
     right: -2px;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     border: 2px solid #ffffff;
     background-color: #17B26A;
   }

  // 客户名称样式
  .pisell-client-card__name--line {
    font-size: 14px;
    font-weight: 500;
    color: #1f2937;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
    min-width: 0;
  }

  // 联系方式样式
  .pisell-client-card__contact--line {
    font-size: 13px;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
    min-width: 0;
  }

  // 标签容器样式
  .pisell-client-card__tags--line {
    display: flex;
    gap: 6px;
    flex-shrink: 0; // 标签不收缩
    align-items: center;
    
    .pisell-client-card__tag {
      white-space: nowrap;
    }
  }

  // 垂直布局样式
  &.pisell-client-card--vertical {
    .pisell-client-card__content {
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 16px;
    }

    .pisell-client-card__name--line {
      text-align: center;
    }

    .pisell-client-card__contact--line {
      text-align: center;
    }

    .pisell-client-card__tags--line {
      justify-content: center;
      flex-wrap: wrap;
    }
  }

  // Line类型空状态样式
  &.pisell-client-card--empty {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    border-style: dashed;
    border-color: #d9d9d9;
    background: #fafafa;

    &:hover {
      border-color: #1890ff;
      background: #f0f8ff;
    }

    .pisell-client-card__empty-title {
      font-size: 14px;
      font-weight: 600;
      color: #374151;
      margin: 0;
    }

    .pisell-client-card__empty-subtitle {
      font-size: 12px;
      color: #6b7280;
      margin: 0;
    }
  }
}
