.query-dropdown {
  width: 100%;

  .adm-dropdown-item {
    color: #999;
  }

  .adm-dropdown-item-highlight {
    color: var(--primary-color, #008ee0);
  }

  .adm-dropdown-item .adm-dropdown-item-title {
    padding: 12px 8px;
  }

  /* 按钮组 */
  .queryPanel-btn-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 12px;

    button {
      flex: 1;
      height: 40px;
    }

    // 重置按钮
    button:nth-of-type(1):hover,
    button:nth-of-type(1):active,
    button:nth-of-type(1):focus,
    button:nth-of-type(1):focus-visible {
      color: rgba(0, 0, 0, 0.88);
      border-color: #d9d9d9;
      box-shadow: none;
      outline: unset;
      transition: unset;
      outline-offset: unset;
    }

    button:nth-of-type(1) > div {
      display: none;
    }

    // 确认按钮
    button:nth-of-type(2):hover,
    button:nth-of-type(2):active,
    button:nth-of-type(2):focus,
    button:nth-of-type(2):focus-visible {
      background: #008ee0;
      outline: unset;
      transition: unset;
      outline-offset: unset;
    }
  }

  /* 控件样式覆盖 */
  .adm-list-default .adm-list-body {
    border-top: none;
  }

  .adm-form-item.adm-form-item-vertical .adm-form-item-label {
    margin-bottom: 10px;
  }

  .udp-form {
    padding: 0;
    max-height: 80vh;
    overflow-y: auto;
  }

  .input-box,
  .date-picker-box-specific,
  .udp-mobile-help-formItem-container,
  .udp-select-picker-content {
    padding: 10px;
    background-color: var(--cscec-color-input-background);
    border-radius: 8px;
  }

  .udp-mobile-common-help-formItem .tag-container .placeholder {
    text-align: left;
  }

  .udp-mobile-common-help-formItem .tag-container .ant-tag {
    padding: 2px 6px 2px 8px;
    background-color: #fff;
  }
}

.query-dropdown-skeleton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  padding: 0 14px;

  .adm-skeleton.adm-skeleton-paragraph-line:last-child,
  .adm-skeleton-paragraph {
    width: 100%;
  }
}