.fi-fo-rich-editor {
    position: relative !important;
}

.fi-fo-rich-editor-toolbar {
    position: sticky !important;
    top: 4rem !important;
    background-color: rgba(30, 41, 59, 0.75) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2) !important;
    z-index: 40 !important;
    padding: 0.75rem !important;
    border-radius: 0.5rem !important;
}

/* Style des boutons dans la barre d'outils */
.fi-fo-rich-editor-toolbar button,
.fi-fo-rich-editor-toolbar [role="button"],
.fi-fo-rich-editor-toolbar [class*="button"] {
    color: rgb(226, 232, 240) !important;
    transition: all 0.2s ease !important;
}

.fi-fo-rich-editor-toolbar button:hover,
.fi-fo-rich-editor-toolbar [role="button"]:hover {
    background-color: rgba(51, 65, 85, 0.8) !important;
    color: rgb(248, 250, 252) !important;
}

.fi-fo-rich-editor-toolbar button:active,
.fi-fo-rich-editor-toolbar [role="button"]:active {
    background-color: rgba(30, 58, 138, 0.8) !important;
}

/* Groupes de boutons */
.fi-fo-rich-editor-toolbar [class*="toolbar-group"] {
    background-color: rgba(51, 65, 85, 0.4) !important;
    border-radius: 0.375rem !important;
}