// ============================================================================
// 任务视图样式
// ============================================================================

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

// ----------------------------------------------------------------------------
// 视图容器
// ----------------------------------------------------------------------------

.task-view-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.task-view-container-toolbar-sticky {
  flex-shrink: 0;
  margin: 8px;
}

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

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

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

    &--selected {
      @include selected-state;

      &:hover {
        background: $color-selected-bg;
        border-color: $color-selected-border;
      }
    }
  }
}

// ----------------------------------------------------------------------------
// 详情内容区域样式
// ----------------------------------------------------------------------------

.task-view-content {
  height: calc(100% - 58px);
  gap: $spacing-sm;

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

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