/* Keep long CRM notes inside their column so Add note stays visible. */
#customer-notes,
#customer-notes > div,
#customer-notes > div > div {
  min-width: 0;
}

@media (min-width: 1536px) {
  #customer-notes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

#customer-notes textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

#customer-notes textarea + div > button {
  flex-shrink: 0;
}

#customer-notes p.whitespace-pre-wrap {
  overflow-wrap: anywhere;
}