// ============================================================================
// 智能跟单视图样式
// ============================================================================

@import '../variables';
@import '../../common/detail-view-layout/detail-view-content.shared';

// ----------------------------------------------------------------------------
// 视图容器（与任务视图一致，无 toolbar 时 content 占满）
// ----------------------------------------------------------------------------

.smart-follow-view-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

// ----------------------------------------------------------------------------
// 卡片列表样式（圆角卡片 + 阴影风格）
// ----------------------------------------------------------------------------

.smart-follow-card-list {
  padding-left: 8px;
  @include hide-scrollbar;
  @include card-description-shared;

  .card-item {
    padding: $spacing-md !important;
    gap: $spacing-sm;
    border: none;
    border-radius: $card-border-radius-lg;
    box-shadow: $shadow-card;
    background-color: $color-bg-light;
    margin: 0 $spacing-xs;
    transition: all 0.2s ease;

    &:hover:not(.card-item--selected) {
      box-shadow: $shadow-card-hover;
      background-color: $color-bg-light;
    }

    &--selected {
      @include selected-state-badge;
    }
  }
}

// ----------------------------------------------------------------------------
// 布局配置 & 详情内容区域（与任务视图一致，忽略 toolbar）
// ----------------------------------------------------------------------------

.smart-follow-view-content {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  gap: $spacing-sm;
  padding: 8px 0;

  .detail-view-left {
    width: $card-list-width;
  }

  .detail-view-right {
    margin: 0 8px 2px 0;
    @include detail-right-panel-shared;

    // Smart follow specific: title icon gradient
    .detail-view-detail-title-icon {
      gap: $spacing-xs;
      font-size: 12px;
      @include text-gradient;
    }
  }
}

// ----------------------------------------------------------------------------
// 摘要右分栏布局 - smart-follow 场景化覆盖
// ----------------------------------------------------------------------------

.smart-follow-view-content {
  .detail-panel-summary-right__scrollable {
    @include hide-scrollbar;
  }

  .detail-panel-summary-right__aside {
    @include hide-scrollbar;
  }
}

.smart-follow-agent-dialog {
  background: #fbfbff !important;
  .cn-next-dialog-body {
    padding-top: 12px;
  }

  .cn-next-dialog-footer {
    background: #fbfbff !important;
  }
}
