.arraysubs-access-section {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid var(--wp-components-color-gray-300, #c3c4c7);
  border-radius: 2px;

  &__title {
    margin: 0 0 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
  }

  &__content > .components-base-control {
    margin-bottom: 16px;

    &:last-child {
      margin-bottom: 0;
    }
  }
}

.arraysubs-access-conditions {
  &__separator {
    margin: 20px 0 16px;
    border: 0;
    border-top: 1px solid var(--wp-components-color-gray-300, #c3c4c7);
  }

  &__help {
    margin: 0 0 16px;
    color: #757575;
    font-size: 12px;
  }

  &__fields,
  &__feature-options {
    > .components-form-token-field,
    > .components-base-control {
      margin-bottom: 20px;
    }

    > :last-child {
      margin-bottom: 0;
    }
  }

  &__feature-options {
    margin-top: 16px;
    padding-left: 12px;
    border-left: 2px solid color-mix(in srgb, var(--wp-admin-theme-color) 35%, transparent);
  }
}

.arraysubs-restriction-message {
  .components-toggle-control {
    margin-bottom: 12px;
  }

  &__help {
    margin: 0 0 16px;
    color: #757575;
    font-size: 12px;
  }
}

.arraysubs-legacy-access {
  &__details {
    margin: 16px 0;

    summary {
      cursor: pointer;
    }

    pre {
      max-height: 240px;
      overflow: auto;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
      padding: 12px;
      background: #f6f7f7;
      font-size: 11px;
    }
  }

  &__review {
    margin-top: 16px;
  }

  &__actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 16px;
  }
}