.c-admin-layout {
  display: flex;
  min-height: calc(100vh - 96px);

  &__content {
    flex: 1;
    padding: 1rem;

    &__text {
      width: 50%;
    }

    .c-header {
      margin-bottom: 2rem;
    }
  }
}

// Org Form
.c-org-form {
  .msg-error {
    color: #c30052;
  }

  form {
    display: flex;
    flex-direction: column;
    gap: 42px;
  }

  &__content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 24px;
    min-width: 500px;

    > div {
      box-sizing: border-box;
      width: 100%;
    }
  }

  &__top {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  &__bottom {
    h4 {
      font-size: 18px;
      font-weight: 600;
      line-height: 38px;
      letter-spacing: 0.75px;
      color: #4e4b66;
      margin: 0;
    }
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  &__action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;

    &--add {
      flex-direction: row-reverse;
      background: linear-gradient(90deg, #ff71e8 0.03%, #3838ff 99.8%);
    }
  }

  &__member {
    &-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    &-value {
      flex: 1 0 50%;
    }

    &-roles {
      flex: 1 0 30%;
    }

    &--clear {
      width: 24px;
      height: 24px;
      border: none;
      outline: unset;
      background: transparent;
      cursor: pointer;
    }
  }

  &__right,
  &__left {
    .c-select__content {
      height: 52px;
    }
    .c-select__label {
      line-height: normal;
    }
  }
}
