/* Mameada v2.65.2 — wider shared navigation with guaranteed badge clearance */
:root {
    --ghp-sidebar-width: 350px;
    --sidebar-width: 350px;
}

.ghp-sidebar .ghp-sidebar-inner,
.sidebar .ghp-sidebar-inner {
    min-width: 0;
}

.ghp-sidebar .nav-group,
.sidebar .nav-group,
.ghp-sidebar .ghp-sidebar-brand-card,
.sidebar .ghp-sidebar-brand-card {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.ghp-sidebar .nav-group--unified .nav-item > span,
.sidebar .nav-group--unified .nav-item > span {
    flex: 1 1 auto;
    min-width: 0;
}

.ghp-sidebar .nav-item[data-sidebar-badge-label],
.sidebar .nav-item[data-sidebar-badge-label] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 10px;
    width: 100%;
    min-width: 0;
    padding-inline: 10px;
    box-sizing: border-box;
}

.ghp-sidebar .nav-item[data-sidebar-badge-label] > strong,
.sidebar .nav-item[data-sidebar-badge-label] > strong {
    width: 38px;
    height: 38px;
    min-width: 38px;
    margin: 0;
}

.ghp-sidebar .nav-item[data-sidebar-badge-label] > span,
.sidebar .nav-item[data-sidebar-badge-label] > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ghp-sidebar .nav-item[data-sidebar-badge-label] > .site-menu-badge,
.sidebar .nav-item[data-sidebar-badge-label] > .site-menu-badge {
    position: static;
    justify-self: end;
    margin-left: 0;
}

@media (min-width: 901px) and (max-width: 1180px) {
    :root {
        --ghp-sidebar-width: 320px;
        --sidebar-width: 320px;
    }
}

@media (max-width: 900px) {
    body > .ghp-mobile-navigation-portal:is(.sidebar, .ghp-sidebar) {
        width: min(380px, 92vw) !important;
        min-width: min(380px, 92vw) !important;
    }

    body > .ghp-mobile-navigation-portal .ghp-sidebar-inner {
        padding-inline: 10px;
    }

    body > .ghp-mobile-navigation-portal .nav-group--unified {
        padding-inline: 7px;
    }

    body > .ghp-mobile-navigation-portal .nav-group--unified .nav-item {
        gap: 8px !important;
        width: 100%;
        min-width: 0;
        padding: 6px 9px !important;
        box-sizing: border-box;
    }

    body > .ghp-mobile-navigation-portal .nav-group--unified .nav-item > span {
        min-width: 0;
        font-size: 12px;
    }

    body > .ghp-mobile-navigation-portal .nav-item[data-sidebar-badge-label] {
        grid-template-columns: 38px minmax(0, 1fr) auto !important;
        column-gap: 8px !important;
        min-height: 50px;
        padding: 6px 9px !important;
    }

    body > .ghp-mobile-navigation-portal .nav-item[data-sidebar-badge-label] > span {
        display: block !important;
        font-size: 12px;
    }

    body > .ghp-mobile-navigation-portal .nav-item[data-sidebar-badge-label] > .site-menu-badge {
        position: static !important;
        min-width: 20px;
        height: 20px;
        padding-inline: 5px;
        font-size: 9px;
    }
}

@media (max-width: 520px) {
    body > .ghp-mobile-navigation-portal:is(.sidebar, .ghp-sidebar) {
        width: min(360px, 96vw) !important;
        min-width: min(360px, 96vw) !important;
    }

    body > .ghp-mobile-navigation-portal .ghp-sidebar-inner {
        padding-inline: 7px;
    }

    body > .ghp-mobile-navigation-portal .nav-group--unified {
        padding-inline: 5px;
    }

    body > .ghp-mobile-navigation-portal .nav-group--unified .nav-item {
        gap: 7px !important;
        padding-inline: 7px !important;
    }

    body > .ghp-mobile-navigation-portal .nav-group--unified .nav-item > strong {
        width: 36px;
        height: 36px;
        min-width: 36px;
        flex-basis: 36px;
    }

    body > .ghp-mobile-navigation-portal .nav-group--unified .nav-item > span {
        font-size: 11.5px;
    }

    body > .ghp-mobile-navigation-portal .nav-item[data-sidebar-badge-label] {
        grid-template-columns: 36px minmax(0, 1fr) auto !important;
        column-gap: 7px !important;
        padding-inline: 7px !important;
    }

    body > .ghp-mobile-navigation-portal .nav-item[data-sidebar-badge-label] > strong {
        width: 36px;
        height: 36px;
        min-width: 36px;
    }

    body > .ghp-mobile-navigation-portal .nav-item[data-sidebar-badge-label] > span {
        font-size: 11.5px;
    }
}