.note-compose-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 28px;
}

.note-composer {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 14px;
}

.note-composer h3,
.note-composer p {
  margin: 0;
}

.note-composer textarea {
  min-height: 130px;
}

.internal-composer {
  background: #fff9ef;
  border-color: #e7c991;
}

.external-composer {
  background: #f2faf6;
  border-color: #a8d8bf;
}

.credential-grid.single {
  grid-template-columns: 1fr;
}

@media (max-width: 900px) {
  .note-compose-grid {
    grid-template-columns: 1fr;
  }
}