/* Default Summernote Lite UI, isolated from the surrounding RTL layout. */
textarea[data-rich-text][data-editor-ready="1"],textarea[data-formation-rich-text][data-editor-ready="1"]{display:none!important}
.formation-summernote{direction:ltr;text-align:left;max-width:100%;margin-bottom:16px}
.formation-summernote .note-toolbar,.formation-summernote .note-dropdown-menu{direction:ltr;text-align:left}
.formation-summernote .note-editable{font-family:inherit;overflow-wrap:anywhere}
.formation-summernote .note-editable img{max-width:100%;height:auto}
.formation-summernote.note-editor .note-toolbar .note-color-all .note-dropdown-menu{min-width:337px;width:337px;box-sizing:content-box;white-space:nowrap;left:0;right:auto;max-height:65vh;overflow:auto}
.formation-summernote.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette{display:inline-block;width:160px;float:none;vertical-align:top;white-space:normal}
.formation-summernote.note-editor .note-toolbar .note-color-palette .note-color-btn{width:20px;height:20px;min-width:0;min-height:0;padding:0}

/* Default writing direction; explicit paragraph alignment still takes precedence. */
.formation-summernote .note-editable{direction:rtl;text-align:right}

/* Fullscreen editor must be an opaque viewport above the admin navigation. */
.formation-summernote.note-editor.fullscreen{position:fixed!important;inset:0!important;width:100%!important;height:100vh!important;height:100dvh!important;max-width:none;margin:0;border-radius:0;background:#fff!important;z-index:100000!important;display:flex;flex-direction:column;isolation:isolate}
.formation-summernote.note-editor.fullscreen .note-toolbar{flex:0 0 auto;background:#f8f9fa!important}
.formation-summernote.note-editor.fullscreen .note-editing-area{flex:1 1 auto;min-height:0;overflow:hidden;background:#fff!important}
.formation-summernote.note-editor.fullscreen .note-editable,.formation-summernote.note-editor.fullscreen .note-codable{height:100%!important;box-sizing:border-box;overflow:auto;background:#fff}
.formation-summernote.note-editor.fullscreen .note-statusbar{flex:0 0 auto}
body:has(.formation-summernote.fullscreen)>.note-modal{z-index:100010!important}

/* Compact initial writing area; viewport rules remain exclusive to fullscreen. */
.formation-summernote.note-editor:not(.fullscreen) .note-editable{min-height:100px!important;max-height:300px;overflow-y:auto}