.panel-navbar {
    --panel-nav-height: 56px;
    overflow: visible;
    height: calc(var(--panel-nav-height) + env(safe-area-inset-top));
    padding-top: env(safe-area-inset-top);
}

.panel-navbar .panel-navbar-container {
    padding-left: 4rem;
    padding-right: 4rem;
}

.panel-navbar .navbar-detail summary {
    list-style: none;
}

.panel-navbar .navbar-detail summary::-webkit-details-marker,
.panel-navbar .navbar-detail summary::marker {
    display: none;
}

.panel-navbar .navbar-detail summary .summary-chevron {
    transition: opacity 0.15s ease;
}

.panel-navbar .navbar-detail summary .summary-chevron-up {
    display: none;
}

.panel-navbar .navbar-detail[open] summary .summary-chevron-up {
    display: inline-flex;
}

.panel-navbar .navbar-detail[open] summary .summary-chevron-down {
    display: none;
}

@media (max-width: 767.98px) {
    .panel-navbar .panel-navbar-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        overflow: visible;
    }

    .panel-navbar .panel-navbar-left,
    .panel-navbar .panel-navbar-right {
        gap: 0.5rem;
    }

    .panel-navbar .panel-brand-text {
        font-size: 0.95rem;
        line-height: 1;
    }

    .panel-navbar .panel-brand-sub,
    .panel-navbar .navbar-divider {
        display: none;
    }

    .panel-navbar .navbar-detail > summary {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .panel-navbar .notification-badge {
        top: 0.2rem;
        right: 0.2rem;
        transform: none;
        width: 0.55rem;
        min-width: 0.55rem;
        height: 0.55rem;
        padding: 0;
        font-size: 0;
    }

    .panel-navbar .navbar-dropdown {
        position: fixed;
        left: max(0.625rem, env(safe-area-inset-left));
        right: max(0.625rem, env(safe-area-inset-right));
        top: calc(var(--panel-nav-height) + env(safe-area-inset-top) + 0.5rem);
        width: auto !important;
        max-width: none !important;
        max-height: calc(100dvh - var(--panel-nav-height) - 1.25rem);
        overflow-y: auto;
        box-sizing: border-box;
        z-index: 70;
    }
}