/* Quill Snow theme overrides — CentreMove 2026: white/off-white surfaces,
   dark green ink, gold accent. Reads the --cm-* brand tokens from app.css
   :root so tenant branding overrides apply here too. */

.ql-toolbar.ql-snow {
    background: var(--cm-offwhite);
    border: 1px solid var(--cm-border);
    border-radius: 0.5rem 0.5rem 0 0;
}

.ql-container.ql-snow {
    background: var(--cm-white);
    border: 1px solid var(--cm-border);
    border-top: none;
    border-radius: 0 0 0.5rem 0.5rem;
    color: var(--cm-dark);
    font-family: var(--cm-font-body), ui-sans-serif, system-ui, sans-serif;
    font-size: 1rem;
    min-height: 150px;
}

.ql-editor.ql-blank::before {
    color: color-mix(in srgb, var(--cm-mid) 60%, transparent);
    font-style: italic;
}

.ql-snow .ql-stroke { stroke: var(--cm-mid); }
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill { fill: var(--cm-mid); }

.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke { stroke: var(--cm-gold); }
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill { fill: var(--cm-gold); }

.ql-snow .ql-picker-label { color: var(--cm-dark); }

.ql-snow .ql-picker-options {
    background: var(--cm-white);
    border: 1px solid var(--cm-border);
    border-radius: 0.5rem;
}

.ql-editor a { color: var(--cm-mid); }

/* Rich content rendering (Description / Response message HTML) */
.feedback-rich-content { line-height: 1.6; }
.feedback-rich-content p { margin: 0 0 0.75rem 0; }
.feedback-rich-content ul,
.feedback-rich-content ol { margin: 0 0 0.75rem 1.5rem; }
.feedback-rich-content img { max-width: 100%; border-radius: 0.5rem; margin: 0.5rem 0; }
.feedback-rich-content a { color: var(--cm-mid); }

/* MudBlazor dialog backdrop — subtle CentreMove ink dim, no blur. */
.mud-overlay-dialog {
    background-color: rgba(25, 38, 32, 0.35) !important;
}