@form-prefix-padding-right: 8px;
@form-prefix-width: @form-prefix-padding-right + 112px;

.udp-form {
  .split-row {
    border-top: 6px solid #f6f7fb;
    position: relative;
    z-index: 1;
  }

  .adm-list {
    --font-size: var(--font-size-base);
    --prefix-padding-right: @form-prefix-padding-right;
    // --adm-color-light: rgba(0, 0, 0, 0.4);
    --adm-color-weak: #999;

    .adm-form-item-horizontal .adm-list-item-content-main {
      text-align: right;
    }

    .adm-list-item-description {
      text-align: left;
    }

    .adm-list-item-content {
      border-top: 0;
      position: relative;

      &:before {
        content: '';
        display: block;
        width: 100%;
        position: absolute;
        transform: scale(1, 0.5);
        border-top: 1px solid #eee;
        top: -1px;
        left: 0;
      }

      .adm-form-item-child-inner {
        font-size: 0;
        width: 100%;

        > * {
          font-size: 14px;
        }
      }
    }
  }

  .adm-form-item-label {
    line-height: 22px;

    .adm-form-item-required-asterisk {
      transform: translateY(2px);
      line-height: 1.3;
    }
  }

  .adm-form-item.adm-form-item-vertical .adm-form-item-label {
    font-size: var(--font-size-base);
  }

  .adm-text-area-count {
    font-size: var(--font-size);
  }

  .adm-input-disabled {
    opacity: 0.8;
  }

  .adm-input-element,
  .adm-text-area-element {
    color: rgba(0, 0, 0, 0.86);
    line-height: 22px;

    &::placeholder {
      font-weight: normal;
    }
  }

  .adm-form-item.adm-form-item-horizontal.adm-list-item {
    --prefix-width: @form-prefix-width;

    .adm-input {
      --text-align: left;
      --color: #000;
      min-height: 22px;
    }

    .adm-form-item-feedback-error {
      position: relative;
      // left: 0 - @form-prefix-width;
    }

    .adm-list-item-content-prefix,
    .adm-list-item-content-main {
      padding-top: 14px;
      padding-bottom: 14px;
    }

    .adm-list-item-content-main {
      flex: 1;
      width: 0;
      text-align: left;
    }
  }

  .adm-list-item.adm-form-item.adm-form-item-vertical {
    .adm-list-item-content-main {
      padding: 14px 0;
      width: 100%;
    }

    .adm-list-item-content-extra {
      position: absolute;
      top: 0;
      right: 0;
      line-height: 22px;
      padding-top: 14px;
      font-size: 14px;
    }
  }

  .adm-list-item {
    padding: 0 14px;
  }

  .adm-list-item-content {
    padding: 0;
  }

  .adm-form-item-feedback-error {
    &:before {
      content: '';
    }
  }

  .udp-group-item {
    .adm-form-item.adm-form-item-horizontal.adm-list-item {
      --prefix-width: 0;
    }

    .udp-group-inner {
      --padding-left: 0;
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 8px;

      .adm-form-item-horizontal .adm-list-item-content-main {
        text-align: left;
      }

      > div.adm-list-item.adm-form-item {
        flex: 1;
        padding: 0;
        font-size: 14px;

        .adm-list-item-content {
          &:before {
            display: none;
          }

          > .adm-list-item-content-main {
            padding: 0;

            .udp-select-picker-content {
              justify-content: space-between;
              background-color: var(--cscec-color-input-background);
              border-radius: 8px;
              padding: 10px 14px;

              & > p {
                margin: 0;
              }

              & > .date-picker-text {
                margin: 0;
              }
            }
          }
        }
      }
    }
  }
}