/**
 * rich-text.css — Render-side styles for content produced by the rich-text editor.
 *
 * Quill's snow CSS only styles sizes/links INSIDE the editor (.ql-editor). Content
 * rendered back onto the page needs equivalent rules. Apply class "nh-rich" to any
 * container whose innerHTML comes from NHRichText.render(), OR rely on the element
 * selectors below which are scoped to the formatting spans the sanitizer permits.
 */

/* Size classes the editor emits (must mirror Quill's small/large/huge scale). */
.ql-size-small { font-size: 0.75em; }
.ql-size-large { font-size: 1.5em; }
.ql-size-huge  { font-size: 2.5em; }

/* Alignment classes (reserved — only if alignment is enabled later). */
.ql-align-center  { text-align: center; }
.ql-align-right   { text-align: right; }
.ql-align-justify { text-align: justify; }

/* Rendered rich content: tidy default spacing for the block tags we allow. */
.nh-rich p { margin: 0 0 0.6em; }
.nh-rich p:last-child { margin-bottom: 0; }
.nh-rich ul, .nh-rich ol { margin: 0 0 0.6em 1.4em; padding: 0; }
.nh-rich a { text-decoration: underline; }

/* ── Reunion-overview row editor (Label + inline Value rows) ── */
.nh-rrow {
  display: grid;
  grid-template-columns: 160px 1fr auto;
  gap: 8px; align-items: start; margin-bottom: 10px;
}
.nh-rrow-label {
  padding: 8px 10px; border: 1px solid #ccc; border-radius: 6px;
  font: inherit; font-size: 0.95rem;
}
.nh-rrow-value .ql-container { min-height: 0; }
.nh-rrow-value .ql-editor { min-height: 2.2em; }
.nh-rrow-del {
  border: none; background: #f0e6e6; color: #a33; border-radius: 6px;
  width: 32px; height: 32px; font-size: 1.1rem; cursor: pointer; line-height: 1;
}
.nh-rrow-del:hover { background: #e7caca; }
.nh-rrow-add {
  border: 1px dashed #9bb38a; background: #f4f8f0; color: #3a5e16;
  border-radius: 6px; padding: 7px 14px; cursor: pointer; font-size: 0.85rem;
  margin-bottom: 6px;
}