.card-tab {
  padding: 5px 0;
  border-bottom: 1px solid var(--el-border-color);

  &:not(:has(.is-scrollable)) {
    padding: 5px;
  }

  .tabs-menu {
    :deep(.el-tabs) {
      .el-tabs__header {
        height: 30px;
        border: none;
        display: unset;

        .el-tabs__nav-wrap {
          .el-tabs__nav {
            .el-tabs__item {
              height: 30px;
              color: var(--el-text-color-primary);
              border: 1px solid var(--el-border-color);
              border-radius: 3px;

              .tabs-item {
                padding-left: 10px;
              }

              .is-icon-close {
                margin-right: 5px;
              }

              &:hover {
                .is-icon-close {
                  margin-right: 10px;
                }
              }

              &.is-active {
                background-color: var(--el-color-primary-light-8);
              }

              & + .el-tabs__item {
                margin-left: 10px;
              }
            }
          }

          .el-tabs__nav-prev, .el-tabs__nav-next {
            line-height: 34px;
          }
        }
      }
    }
  }
}
