.autoproof-pages {
  display: grid;
  grid-template-columns: 1fr 160px;
}
.autoproof-pages h2 {
  margin-bottom: 0;
}
.autoproof-pages [data-new-autoproof] {
  grid-column: 2;
}
.autoproof-pages .ai-table__toolbar,
.autoproof-pages .ai-table__pages-head,
.autoproof-pages .ai-table__pages-list,
.autoproof-pages .component-pagination {
  grid-column: 1/-1;
}
.autoproof-pages .ai-table__pages-head,
.autoproof-pages .ai-table__pages-list-item {
  grid-template-columns: 1fr 1fr 210px 80px;
}
.autoproof-pages .ai-table__toolbar {
  margin-top: 12px;
}

[data-autoproof-modal] {
  width: min(560px, 100vw - 32px);
  min-width: min(560px, 100vw - 32px);
}
[data-autoproof-modal] .ai-modal__header {
  margin-bottom: 8px;
}
[data-autoproof-modal] .ai-modal__question {
  margin-bottom: 12px;
}
[data-autoproof-modal] .ai-modal__body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}
[data-autoproof-modal] .ai-modal__body > label {
  margin-bottom: 8px;
}
[data-autoproof-modal] .input-validation {
  width: 100%;
  margin-bottom: 16px;
}
[data-autoproof-modal] textarea {
  min-height: 110px;
  resize: vertical;
}
[data-autoproof-modal] [data-submit-btn] {
  align-self: center;
  margin-top: 8px;
}

@media (max-width: 767px) {
  [data-autoproof-modal] .ai-modal__body {
    gap: 0;
  }
  [data-autoproof-modal] [data-submit-btn] {
    width: 100%;
    align-self: stretch;
  }
}