/* Notas pessoais no Resumo da EOP. */

.eopPersonalNotesEditor {
  display: grid;
  gap: 10px;
  justify-items: start;
}

/* A moldura da caixa - contorno, cantos, espaçamento e cores - vinha de uma
   regra `textarea` sem seletor à frente em
   `styles/ingestion-confirmation.css`. Aqui escreve-se prosa, e o que a caixa
   precisa declara-se aqui. */
.eopPersonalNotesInput {
  font: inherit;
  min-height: 100px;
  resize: vertical;
  width: 100%;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  background: var(--bg);
  color: var(--ink);
}

.eopPersonalNotesReadOnly p {
  margin: 0;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}