/* After Quill binds, hide the real textarea (global forms.css targets textarea). */
textarea.feedback-quill-textarea.feedback-quill-bound {
    display: none !important;
}

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

/* 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.
*/
.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.
*/
.feedback-quill-wrapper.ql-snow .ql-editor {
    --fq-list-outer: 0;
    --fq-list-inner: 1em;
}

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

.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);
}

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

.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);
}

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