// YcPlusPage 组件样式
// 注意：组件使用的类名是 .yc-plus-page，不能使用 @include b() mixin
// 因为 mixin 会生成 .plus-plus-page（前缀是 plus-）

.yc-plus-page {
  height: 100%;

  /* 卡片模式下设置圆角 8px */
  .plus-page > .el-card {
    border-radius: 8px;
  }
}

/* 无边框模式 - 隐藏 el-table--border 的可视边框线，但保留列宽拖动功能 */
.yc-plus-page--borderless {
  .el-table--border {
    /* 移除表格外边框 */
    border: none !important;

    &::after,
    &::before {
      display: none !important;
    }

    /* 表体单元格 - 隐藏右侧边框 */
    .el-table__body .el-table__cell {
      border-right: none !important;
    }

    /* 表头单元格 - 保留细拖拽指示线 */
    .el-table__header .el-table__cell {
      border-right: 1px solid #ebeef5 !important;
      position: relative;

      /* 最后一列不需要右侧指示线 */
      &:last-child {
        border-right: none !important;
      }
    }

    /* hover 表头时高亮指示线，提示可拖动 */
    .el-table__header .el-table__cell:hover {
      border-right-color: #c0c4cc !important;
    }

    /* 移除固定列阴影边框 */
    .el-table-fixed-column--right::before,
    .el-table-fixed-column--left::before {
      display: none !important;
    }

    /* 移除表格整体的伪元素边框 */
    .el-table__inner-wrapper::before,
    .el-table__inner-wrapper::after {
      display: none !important;
    }

    /* 确保拖动指示线（resize-proxy）始终可见 */
    .el-table__column-resize-proxy {
      border-left: 1px solid var(--el-color-primary, #7b52fe) !important;
      z-index: 10;
    }

    /* 拖动后确保表格填满容器宽度，避免右侧空白 */
    .el-table__header,
    .el-table__body,
    .el-table__footer {
      width: 100% !important;

      table {
        width: 100% !important;
      }
    }
  }
}

.yc-search-card-body {
  padding-right: 0;
}

/* 密度图标样式调整 */
.plus-table-title-bar__toolbar__icon {
  position: relative;
  top: -2px;
  font-size: 16px !important;
}

/* 字段管理样式 */
.column-settings-wrapper {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-left: 8px;
  cursor: pointer;
}

.column-settings-text {
  font-size: 14px;
}