﻿.ql-coem-form-control .ql-container.ql-snow {
    /* Igual que un textarea.form-control */
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    box-sizing: border-box;
    /* --- INICIO DE CAMBIOS --- */
    /* Altura máxima y scroll se aplican aquí, en el contenedor */
    max-height: 250px; /* Puedes ajustar este valor */
    overflow-y: auto; /* Muestra el scrollbar solo cuando es necesario */
    /* --- FIN DE CAMBIOS --- */
}

/* Quill por defecto deja borde superior especial cuando hay toolbar;
   aquí lo normalizamos para que parezca un único control */
.ql-coem-form-control .ql-container.ql-snow {
    border-top: var(--bs-border-width) solid var(--bs-border-color);
}

.ql-coem-form-control .ql-editor {
    /* Padding y tipografía típicos de .form-control */
    padding: .375rem .75rem;
    font-size: .875rem; /* aproximación a font-size-14 */
    line-height: 1.5;
    /* Altura mínima similar a textarea rows="3" */
    min-height: calc(1.5em * 3 + .75rem);
    /* Se quitan max-height y overflow-y de aquí */
}

/* Placeholder estilo Bootstrap (sin cursiva) */
.ql-coem-form-control .ql-editor.ql-blank::before {
    color: var(--bs-secondary-color);
    font-style: normal;
    left: .75rem;
    right: .75rem;
}

/* Foco estilo Bootstrap */
.ql-coem-form-control .ql-container.ql-snow:focus-within {
    border-color: #6c757d; /* gris oscuro */
    box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .25); /* halo gris */
    outline: 0;
}

/* Estado "readonly" visual (opcional) */
.ql-coem-form-control.is-readonly .ql-container.ql-snow {
    background-color: var(--bs-secondary-bg);
}

.ql-coem-form-control.is-readonly .ql-editor {
    pointer-events: none;
}
