@import '../mixins/mixins.less';
@import '../mixins/config.less';

@batchInputPopover: ~'@{ns}-batch-input-group-popover-input__popover';

.b(ap-form-item, {
  &--bordered {
    box-sizing: border-box;
    border: 1px solid var(--ap-form-bordered-border-color-base, #DEE4ED);
    border-radius: 4px;
    padding-inline: 12px;
    .ant-input-affix-wrapper {
      padding: 0;
    }
    .ant-input {
      padding: 0;
    }
    .ant-input-number-input {
      padding: 0;
    }
    .ant-picker {
      padding: 0;
    }
    .ant-space-compact-block {
      .ant-input {
        padding-left: 11px;
      }
    }
    .ant-select-selector {
      border-width: 0 !important;
      box-shadow: none !important;
    }
    .ant-select-single .ant-select-selector{
      height: 30px !important;
    }
    &:has(.ant-select-arrow) {
      padding-right: 0px;
    }
    .ant-form-item-label > label {
      padding-right: 16px;
      height: 30px;
      &::after {
        margin: 0
      }
    }
    .ant-form-item-control-input {
      min-height: 30px;
    }
    &:hover {
      border-color: var(--ap-form-bordered-border-color-hover, #66a9ff);
    }
    &:focus {
      border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
      box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
    }
    .@{batchInputPopover} {
      width: calc(100% + 12px);
    }
  }
  &--focused {
    border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
    box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
  }
  .ant-form-show-help {
    .ant-form-item-explain-error {
      font-size: 12px;
      line-height: 18px;
      margin-top: 2px;
    }
  }
  .ant-col .ant-form-item-extra {
    line-height: 22px;
    min-height: unset;
    margin-top: 4px;
    margin-bottom: 12px;
  }
});