.ql-toolbar.ql-snow { border: none; border-bottom: 1px solid #e2e8f0; font-family: inherit; }
.ql-container.ql-snow { border: none; font-family: inherit; font-size: 0.875rem; }
.ql-container .ql-editor { min-height: 110px; }
.ql-editor.ql-blank::before { color: #94a3b8; font-style: normal; }
.note-view.ql-editor { padding: 0; }
.note-content { max-height: 13rem; overflow: hidden; position: relative; }
.note-content.expanded { max-height: none; }
.note-content.overflowing:not(.expanded)::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2.5rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  pointer-events: none;
}

/* Prevent iOS Safari from auto-zooming when focusing inputs/editors with <16px font-size */
@media (max-width: 640px) {
  input, textarea, select, .ql-editor { font-size: 16px; }
}