/* Quill (snow theme) overrides so the editor blends with the WiserTalk dark surface. */

.rt-editor {
    background: var(--wt-bg-2);
    border: 1px solid var(--wt-border);
    border-radius: 8px;
    color: var(--wt-fg);
    min-height: 120px;
    /* Quill's container will inherit these; the toolbar lives in a sibling .ql-toolbar that
       appears immediately above the editor div once init runs. */
}

.ql-toolbar.ql-snow {
    background: var(--wt-bg-3);
    border: 1px solid var(--wt-border);
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    padding: 6px 8px;
}

.ql-toolbar.ql-snow .ql-stroke { stroke: var(--wt-fg-2); }
.ql-toolbar.ql-snow .ql-fill   { fill:   var(--wt-fg-2); }
.ql-toolbar.ql-snow .ql-picker-label { color: var(--wt-fg-2); }

.ql-toolbar.ql-snow button:hover .ql-stroke,
.ql-toolbar.ql-snow .ql-picker-label:hover { stroke: var(--wt-fg); color: var(--wt-fg); }

.ql-toolbar.ql-snow button.ql-active .ql-stroke,
.ql-toolbar.ql-snow .ql-picker-item.ql-selected { stroke: var(--wt-primary); color: var(--wt-primary); }

.ql-container.ql-snow {
    background: var(--wt-bg-2);
    border: 1px solid var(--wt-border);
    border-top: 0;
    border-radius: 0 0 8px 8px;
    color: var(--wt-fg);
    font-size: 13px;
    font-family: inherit;
}

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

.ql-editor.ql-blank::before {
    color: var(--wt-fg-4);
    font-style: normal;
}

/* Variant used inside the new-ticket dialog — taller and seamless inside the field. */
.rt-editor.is-tall + .ql-container .ql-editor,
.rt-editor.is-tall { min-height: 220px; }

/* Variant used as the chat composer — kept compact. */
.rt-editor.is-compact + .ql-container .ql-editor,
.rt-editor.is-compact { min-height: 80px; }

/* Inline images in rendered messages should not blow up the bubble. */
.painel-msg-bubble img,
.rt-rendered img { max-width: 100%; height: auto; border-radius: 6px; }

.rt-rendered { line-height: 1.45; }
.rt-rendered p { margin: 0 0 6px; }
.rt-rendered p:last-child { margin-bottom: 0; }
.rt-rendered ul, .rt-rendered ol { margin: 4px 0 6px; padding-left: 22px; }
.rt-rendered a { color: oklch(0.7 0.18 245); text-decoration: underline; }