/* 修复滚动条导致的列错位 */

/* 1. 固定表体滚动条宽度为 8px（仅 Webkit 内核浏览器） */
[data-el-excel-table='true'] .el-table__body-wrapper::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-el-excel-table='true'] .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(144, 147, 153, 0.3);
  border-radius: 4px;
}
[data-el-excel-table='true'] .el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}
[data-el-excel-table='true'] .el-table__body-wrapper::-webkit-scrollbar-track {
  background: transparent;
}

/* 2. 火狐浏览器滚动条样式 */
[data-el-excel-table='true'] .el-table__body-wrapper {
  scrollbar-width: thin;
  scrollbar-color: rgba(144, 147, 153, 0.3) transparent;
}

/* 横向滚动条高度缩小为 4px，减少对行内容的挤压 */
[data-el-excel-table='true'] .el-table__body-wrapper::-webkit-scrollbar:horizontal {
  height: 4px;
}

/* 3. 表头和总计行用 padding 补偿表体滚动条宽度（仅纵向滚动时） */
/* 使用 @supports 检测 -webkit-scrollbar 支持情况，避免火狐误加 padding */
@supports selector(::-webkit-scrollbar) {
  [data-el-excel-table='true'].el-table--scrollable-y .el-table__header-wrapper {
    padding-right: var(--el-excel-scrollbar-width, 0px) !important;
  }
  [data-el-excel-table='true'].el-table--scrollable-y .el-table__footer-wrapper {
    padding-right: var(--el-excel-scrollbar-width, 0px) !important;
  }
}

/* 4. 总计行 overflow 与表体保持一致 */
[data-el-excel-table='true'] .el-table__footer-wrapper {
  overflow: hidden;
}

/* 5. 固定列底部预留滚动条高度，避免行高度错位 */
[data-el-excel-table='true'] .el-table__fixed-body-wrapper {
  padding-bottom: var(--el-excel-scrollbar-height, 0px);
  box-sizing: border-box;
}