.document-recognition-settings {
  border: 1px solid var(--border, #d9d9d9);
  border-radius: 12px;
  padding: 16px;
  margin: 16px 0 24px;
}
.document-recognition-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
}
.document-recognition-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.document-recognition-form > p {
  margin: 4px 0;
}
.document-recognition-form > p:empty {
  display: none;
}
.document-recognition-form select {
  width: 100%;
  max-width: 100%;
}
.document-recognition-form [hidden] {
  display: none;
}
.document-recognition-form > p,
.document-recognition-form > .actions {
  grid-column: 1 / -1;
}
@media (max-width: 640px) {
  .document-recognition-form {
    grid-template-columns: minmax(0, 1fr);
  }
}