/* After Quill binds, hide the real textarea (global forms.css targets textarea). */
textarea.note-quill-textarea.matrix-quill-bound,
textarea.feedback-quill-textarea.matrix-quill-bound,
textarea.agreement-quill-textarea.matrix-quill-bound,
textarea.ContractTerms.matrix-quill-bound,
textarea.email-quill-textarea.matrix-quill-bound,
textarea.newemail.matrix-quill-bound,
textarea.EditSignature.matrix-quill-bound,
textarea.option-richtext-textarea.matrix-quill-bound,
textarea.note-quill-textarea.feedback-quill-bound,
textarea.feedback-quill-textarea.feedback-quill-bound {
    display: none !important;
}

.matrix-quill-wrapper,
.feedback-quill-wrapper {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    background: #fff;
}

.feedback-rich-text-field {
    width: 100%;
}

.matrix-quill-agreement .matrix-quill-editor,
.matrix-quill-agreement .feedback-quill-editor {
    min-height: 300px;
}

/* Toolbar sits beside .ql-container; Snow theme expects .ql-snow .ql-toolbar (see quill.snow.css). */
.feedback-quill-toolbar {
    border-bottom: 1px solid #dcdcdc;
}

.feedback-quill-editor {
    height: 250px;
    overflow-y: auto;
}

/*
  layout.css has .white-bg li { list-style: disc; } for normal content. That turns the CSS ::marker
  back on for Quill list items while Quill also paints a bullet on li::before — double bullets in the editor.
  Saved HTML is shown outside .ql-editor, so it still looks correct. Kill native markers only here.
*/
.matrix-quill-wrapper.ql-snow .ql-editor li,
.feedback-quill-wrapper.ql-snow .ql-editor li {
    list-style: none !important;
}

/*
  Quill Snow uses the same gutter on ul/ol and on li, so indent stacks (~2× per level).
  Outer pulls the whole list toward body text; inner must stay ~1em+ so li::before (~1.2em wide) doesn’t clip.
  ~1em outer+inner total ≈ half of the prior 1em+1em tuning.
*/
.matrix-quill-wrapper.ql-snow .ql-editor,
.feedback-quill-wrapper.ql-snow .ql-editor {
    --fq-list-outer: 0;
    --fq-list-inner: 1em;
}

.matrix-quill-wrapper.ql-snow .ql-editor ol,
.matrix-quill-wrapper.ql-snow .ql-editor ul,
.feedback-quill-wrapper.ql-snow .ql-editor ol,
.feedback-quill-wrapper.ql-snow .ql-editor ul {
    padding-left: var(--fq-list-outer);
}

.matrix-quill-wrapper.ql-snow .ql-editor ol li:not(.ql-direction-rtl),
.matrix-quill-wrapper.ql-snow .ql-editor ul li:not(.ql-direction-rtl),
.feedback-quill-wrapper.ql-snow .ql-editor ol li:not(.ql-direction-rtl),
.feedback-quill-wrapper.ql-snow .ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: var(--fq-list-inner);
}

.matrix-quill-wrapper.ql-snow .ql-editor li:not(.ql-direction-rtl)::before,
.feedback-quill-wrapper.ql-snow .ql-editor li:not(.ql-direction-rtl)::before {
    margin-left: calc(-1 * var(--fq-list-inner));
}

.matrix-quill-wrapper.ql-snow .ql-editor ol li.ql-direction-rtl,
.matrix-quill-wrapper.ql-snow .ql-editor ul li.ql-direction-rtl,
.feedback-quill-wrapper.ql-snow .ql-editor ol li.ql-direction-rtl,
.feedback-quill-wrapper.ql-snow .ql-editor ul li.ql-direction-rtl {
    padding-right: var(--fq-list-inner);
}

.matrix-quill-wrapper.ql-snow .ql-editor li.ql-direction-rtl::before,
.feedback-quill-wrapper.ql-snow .ql-editor li.ql-direction-rtl::before {
    margin-right: calc(-1 * var(--fq-list-inner));
}

/*
  global.css sets * { text-decoration: none }, which hides Quill underline (<u>) and strike (<s>).
  Restore only inside the editor surface so toolbar formatting is visible while typing.
*/
.matrix-quill-wrapper.ql-snow .ql-editor u,
.feedback-quill-wrapper.ql-snow .ql-editor u {
    text-decoration: underline !important;
}

.matrix-quill-wrapper.ql-snow .ql-editor s,
.feedback-quill-wrapper.ql-snow .ql-editor s,
.matrix-quill-wrapper.ql-snow .ql-editor strike,
.feedback-quill-wrapper.ql-snow .ql-editor strike {
    text-decoration: line-through !important;
}