/* Surcharge topbar — chargé après le thème Radzen Material */
.rz-layout > .rz-header,
.rz-header.custom-appbar,
.custom-appbar.rz-header {
    --rz-header-height: auto !important;
    --rz-header-background-color: #333131 !important;
    background-color: #333131 !important;
    background: #333131 !important;
    color: #ffffff !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100%;
    overflow: visible !important;
    box-sizing: border-box;
    position: relative !important;
}

.rz-layout > .rz-header .rz-header-content,
.rz-header.custom-appbar .rz-header-content {
    background-color: transparent !important;
    background: transparent !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow: visible !important;
}

.rz-header.custom-appbar .appbar-inner {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

.rz-layout > .rz-footer.app-footer-host,
.rz-layout .rz-footer.app-footer-host {
    --rz-footer-background-color: var(--footer-bg) !important;
    background-color: var(--footer-bg) !important;
    padding: 0 !important;
    border: none !important;
    position: relative !important;
    z-index: 10;
}

.rz-layout .rz-body.main-content,
.rz-layout .main-content.rz-body {
    --rz-body-background-color: #F4F6F7 !important;
    background-color: #F4F6F7 !important;
    background-image: none !important;
}

.rz-layout .rz-sidebar,
.rz-layout .sidebar-expanded.rz-sidebar,
.rz-layout .sidebar-collapsed.rz-sidebar {
    --rz-sidebar-background-color: #ffffff !important;
    background-color: #ffffff !important;
}

.rz-dropdown.appbar-lang-dropdown {
    width: max-content !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.rz-dropdown.appbar-lang-dropdown .rz-dropdown-label,
.rz-dropdown.appbar-lang-dropdown .rz-inputtext {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.rz-dropdown.appbar-lang-dropdown .rz-dropdown-trigger {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 480px) {
    .rz-header.custom-appbar,
    .rz-header.custom-appbar .rz-header-content,
    .rz-header.custom-appbar .appbar-inner {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .rz-header.custom-appbar .appbar-profile {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    .rz-header.custom-appbar .appbar-user-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.3rem !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    .rz-header.custom-appbar .appbar-welcome {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
        text-align: center !important;
        text-overflow: clip !important;
        white-space: normal !important;
        line-height: 1.15 !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    .rz-header.custom-appbar .rz-dropdown.appbar-lang-dropdown {
        width: max-content !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }
}