.logical-resource-filter {
  display: flex;
  align-items: center;
}

.filter-dropdown-items {
  &.ant-dropdown {
    min-width: 150px;
    padding: 4px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow:
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 9px 28px 8px rgba(0, 0, 0, 0.05);

    .ant-dropdown-menu {
      max-height: 200px;
      padding: 0;
      overflow-y: auto;
      box-shadow: none;

      .ant-dropdown-menu-item,
      .ant-dropdown-menu-submenu {
        margin: 8px 0;
        border-radius: 4px;

        &.ant-dropdown-menu-item-active {
          &:active {
            color: var(--ant-color-primary, #1677ff);
            background: rgba(40, 105, 246, 0.1);
          }
        }

        &.ant-dropdown-menu-submenu-active {
          .ant-dropdown-menu-submenu-title {
            &:active {
              color: var(--ant-color-primary, #1677ff);
              background: rgba(40, 105, 246, 0.1);
            }
          }
        }

        .parent-menu-item {
          display: inline-block;
          width: 100%;
          min-width: 124px;
        }
      }

      .hc-icon {
        margin-left: 4px;
      }
    }

    .ant-dropdown-menu-item-selected,
    .ant-dropdown-menu-submenu-title-selected {
      background-color: rgba(40, 105, 246, 0.1);
    }

    .ant-input-affix-wrapper {
      background: #f7f8fa;

      .ant-input-prefix {
        font-weight: 500;
        font-size: 16px;
      }

      .ant-input {
        background: none;
      }
    }

    .no-data {
      padding: 16px 24px 24px;
      text-align: center;

      .hc-icon {
        display: block;
        margin: 0 auto;
        color: #333;
        font-size: 72px;
      }
    }
  }
}

.filter-dropdown-header {
  color: rgba(0, 0, 0, 0.65);
  cursor: pointer;

  .placeholder {
    color: #bfbfbf;
  }

  .hc-icon {
    font-size: 16px;

    &:first-child {
      margin-right: 4px;
    }

    &:last-child {
      margin-left: 4px;
    }
  }

  &.ant-dropdown-open {
    .hc-icon:last-child {
      color: var(--ant-color-primary, #1677ff);
    }
  }
}

.filter-dropdown-popover {
  &.ant-popover {
    z-index: 1051;

    .ant-popover-inner-content {
      color: rgba(0, 0, 0, 0.65);
    }
  }
}

.ldc-sub-menu-item {
  min-width: 124px;
}

.ant-dropdown-menu-submenu-popup {
  border-radius: 4px;

  .ant-dropdown-menu {
    padding: 4px;

    .ant-dropdown-menu-item {
      border-radius: 4px;
    }
  }
}
