[x-sortable-handle] button {
    cursor: grab !important;
}

[x-sortable-handle] button:active {
    cursor: grabbing !important;
}

.fi-topbar-database-notifications-btn-has-unread {
    background: #e60000 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(230, 0, 0, 0.18), 0 10px 20px rgba(230, 0, 0, 0.28) !important;
}

.fi-topbar-database-notifications-btn-has-unread:hover,
.fi-topbar-database-notifications-btn-has-unread:focus-visible {
    background: #c90000 !important;
    color: #ffffff !important;
}

/* Filament 5: Icons tragen die Klasse .fi-icon (vorher .fi-icon-btn-icon) */
.fi-topbar-database-notifications-btn-has-unread .fi-icon {
    color: #ffffff !important;
    stroke-width: 2.4;
}

.fi-topbar-database-notifications-btn-has-unread .fi-icon-btn-badge-ctn {
    background: #ffffff !important;
}

.fi-simple-main {
    max-width: 32rem;
}

.fi-simple-main-ctn {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.fi-dropdown.fi-user-menu .fi-dropdown-panel {
    max-width: 14rem;
}

/* Kanal-Menü in der Topbar (CreateAdminMenus): auf dem Desktop mittig in der Topbar,
   Dropdown zentriert unter dem Button und so breit wie der längste Eintrag (kein Umbruch). */
.fi-topbar {
    position: relative;
}

.teejit-channel-switcher-menu {
    position: relative;
}

.teejit-channel-switcher,
.teejit-channel-current {
    white-space: nowrap;
}

@media (min-width: 1024px) {
    .teejit-channel-switcher {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

.teejit-channel-dropdown {
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    min-width: 20rem;
    max-width: min(92vw, 48rem);
}

.teejit-channel-dropdown a,
.teejit-channel-dropdown [x-show] {
    white-space: nowrap;
}

/* Sticky-Formular-Aktionen (Speichern/Abbrechen, siehe BasePage::stickyFormActions() im
   AppServiceProvider) immer über dem Seiteninhalt halten. Filament 5 fixiert die Leiste
   (.fi-sc-actions.fi-sticky .fi-ac) ohne z-index; die TinyMCE-Paket-View gibt dem Editor in
   Repeatern/Buildern aber z-index: 1 !important – dadurch legte sich der Editor der
   Lerneinheiten über den Speichern-Button. 10 liegt über Editor (1) und Toolbar (2), aber
   unter Dropdowns (20) und Modals (40). */
.fi-sc-actions.fi-sticky .fi-ac {
    z-index: 10;
}