/* Quill theme overrides for the feedback module (feedback-module.md §11) — tuned to the
   shadcn light surface (Slice 0 token layer) rather than raw white Snow. */

.ql-toolbar.ql-snow {
    background: var(--muted, #f5f5f5);
    border: 1px solid var(--border, #e5e5e5);
    border-radius: var(--radius-md, 8px) var(--radius-md, 8px) 0 0;
}

.ql-container.ql-snow {
    background: var(--background, #fff);
    border: 1px solid var(--border, #e5e5e5);
    border-top: none;
    border-radius: 0 0 var(--radius-md, 8px) var(--radius-md, 8px);
    color: inherit;
    font-size: 0.95rem;
    font-family: inherit;
}

.ql-editor { min-height: 120px; }

.ql-editor.ql-blank::before {
    color: var(--muted-foreground, #737373);
    font-style: italic;
}

.ql-snow .ql-stroke { stroke: currentColor; opacity: .7; }
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill { fill: currentColor; opacity: .7; }

.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke { stroke: var(--brand-accent, #0b785e); opacity: 1; }
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill { fill: var(--brand-accent, #0b785e); opacity: 1; }

.ql-editor a { color: var(--brand-accent, #0b785e); }
.ql-editor img { max-width: 100%; border-radius: var(--radius-md, 8px); }

/* Rendered feedback HTML (outside the editor) */
.feedback-rich-content img { max-width: 100%; border-radius: var(--radius-md, 8px); }
.feedback-rich-content p { margin: 0 0 .6em; }