/* 100dvh statt Radzens 100vh: Passt sich der sichtbaren Viewport-Hoehe an
   (beruecksichtigt Browser-UI wie URL-Bar auf Mobile).
   Ohne html { overflow: hidden } damit Pull-to-Refresh auf Mobile funktioniert.
   Radzens .rz-layout { overflow: hidden } + Grid-Layout verhindern Doppelscroll. */
.rz-layout {
    height: 100dvh;
}

/* Radzen Fieldsets haben ein overflow hidden, was blöd ist, wenn man darin ein DDL öffnen möchte */
.overflow-visible .rz-fieldset-content-wrapper,
.overflow-visible .rz-expander-content {
    overflow: visible !important;
}


/* ===== App-Sidebar: Desktop = Push, Mobile = Overlay ===== */

/* Desktop: Sidebar ist im normalen Fluss (pusht den Content) */
.app-sidebar {
    z-index: 3;
}

/* Desktop: Overlay-Maske verstecken */
.sidebar-overlay-mask {
    display: none;
}

/* Transitions der Sidebar temporär deaktivieren (nicht mehr aktiv genutzt – wird als Fallback behalten) */
.sidebar-no-transition .rz-sidebar,
.sidebar-no-transition .rz-sidebar * {
    transition: none !important;
}

/* Mobile: Sidebar als Overlay über den Inhalt */
@media (max-width: 767px) {
    .app-sidebar {
        position: absolute !important;
        z-index: 3;
    }

    .sidebar-overlay-mask {
        display: block;
        position: absolute;
        z-index: 2;
    }
}