@import '../index.less';
@btri-table: ~'@{ant-prefix}-btri-table';

.@{btri-table} {
  &.@{ant-prefix}-table-wrapper {
    .@{ant-prefix}-table-column-sorters {
      justify-content: flex-start;
      gap: 4px;
    }

    .@{ant-prefix}-table-column-title {
      // flex-grow: 0;
      width: 100%;
    }

    .@{ant-prefix}-table-thead > tr > th {
      font-weight: 400;
    }

    .@{ant-prefix}-table-filter-trigger {
      color: var(--caption-font);
    }

    .@{ant-prefix}-table-filter-trigger.active {
      color: var(--primary-6);
    }

    .@{ant-prefix}-table-filter-trigger:hover {
      color: var(--primary-6);
      background: transparent;
    }

    .@{ant-prefix}-table-cell {
      .@{ant-prefix}-table-row-expand-icon:focus {
        border-color: var(--primary-6);

        &::before {
          background-color: var(--primary-6);
        }

        &::after {
          background-color: var(--primary-6);
        }
      }
    }

    .@{ant-prefix}-table-cell {
      .@{ant-prefix}-checkbox-inner {
        width: 15px;
        height: 15px;
      }
    }

    &.@{btri-table}-empty {
      .@{ant-prefix}-table-tbody {
        .@{ant-prefix}-table-cell {
          padding: 0;

          .@{ant-prefix}-empty {
            display: none;
          }
        }

        .@{ant-prefix}-table-placeholder {
          display: none;
        }
      }
    }
  }
}

.@{ant-prefix}-btri-table-empty-icon {
  text-align: center;
  margin: 44px 0;
  color: var(--disable-font);
  line-height: 22px;
}

.@{ant-prefix}-dropdown .@{ant-prefix}-table-filter-dropdown {
  box-shadow: 0px 2px 8px 0px var(--fill-1);
  border-radius: 4px;
  border: 1px solid var(--primary-2);

  .@{ant-prefix}-dropdown-menu {
    margin: 4px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;

    .@{ant-prefix}-dropdown-menu-item,
    .@{ant-prefix}-dropdown-menu-submenu-title {
      padding: 8px 12px;
      border-radius: 4px;
    }
  }

  .@{ant-prefix}-table-filter-dropdown-btns {
    display: none;
  }
}