.data-table.el-table {
  width 100% !important
  height 100% !important;

  .table-header {
    color #454C59 !important

    th {
      background-color #EDF1F7 !important
      font-weight 500 !important
      position relative

      & > div {
        display flex !important
        gap 5px !important
        align-items center !important
      }

      &:not(:first-child) > div::before {
        position: absolute !important
        top 50% !important
        left 1px !important
        width 1px !important
        background-color #D3D7DE !important
        transform translateY(-50%) !important
        content "" !important
        height 50% !important
      }
    }
  }

  .table-cell {
    color #2F3540 !important
  }

  .action-btn {
    width 100% !important
    display grid !important
    grid-template-columns repeat(auto-fit, 32px)  !important
    grid-auto-rows: 32px !important
    gap: 10px !important

    .text-btn {
      margin 0 !important
    }

    .icon-btn {
      margin 0 !important
      padding: 8px !important
      justify-content center !important
      align-items center !important
    }

    .el-button--default.icon-btn {
      color #7987A1 !important
      background-color #F2F4F5 !important
      border-color #F2F4F5 !important
    }


    .el-button--primary.icon-btn {
      color #5D87FF !important
      background-color #EBF0FF !important
      border-color #EBF0FF !important
    }

    .el-button--success.icon-btn {
      color: oklch(68% .18 142.5) !important;
      background-color: oklch(0.96 0.02 140.1) !important;
      border-color: oklch(0.96 0.02 140.1) !important;
    }

    .el-button--warning.icon-btn {
      color: oklch(75% .22 60.8) !important;
      background-color: oklch(0.96 0.03 58.5) !important;
      border-color: oklch(0.96 0.03 58.5) !important;
    }

    .el-button--info.icon-btn {
      color oklch(72% .19 231.6) !important
      background-color oklch(0.96 0.03 224.26) !important
      border-color oklch(0.96 0.03 224.26) !important
    }

    .el-button--danger.icon-btn {
      color oklch(73% .15 25.3) !important
      background-color oklch(0.96 0.02 22.09) !important
      border-color oklch(0.96 0.02 22.09) !important
    }

    .el-button--text.icon-btn {
      color: #4E5969 !important;
      background-color: #F8F9FA !important;
      border-color: #F8F9FA !important;
    }
  }
}