/*
 * Backend-spezifische Styles RTE
 */

/* =====================================================
   CKEditor 5 – Stile-Button in der Toolbar verbreitern
   (geschlossener Zustand – das Dropdown selbst, nicht das Panel)
   ===================================================== */

.ck.ck-toolbar .ck-style-ui__button,
.ck.ck-toolbar .ck-dropdown:has(> .ck-dropdown__panel .ck-style-panel) > .ck-dropdown__button {
    min-width: 220px;
    justify-content: space-between;
}

.ck.ck-toolbar .ck-style-ui__button .ck-button__label,
.ck.ck-toolbar .ck-dropdown:has(> .ck-dropdown__panel .ck-style-panel) > .ck-dropdown__button .ck-button__label {
    overflow: visible !important;
    white-space: nowrap;
    text-overflow: unset !important;
    min-width: 180px;
}



.ck.ck-style-panel {
    min-width: 420px !important;
    max-width: 520px !important;
}

.ck.ck-style-panel .ck-style-grid__button .ck-button__label {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    line-height: 1.9;
}

.ck.ck-toolbar .ck-dropdown__panel {
    min-width: 420px;
}