/* Compact mobile navigation, with room for translated labels and long names. */
@media (max-width: 767.98px) {
    .app-main-content .hierarchy-nav {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
        min-width: 0;
    }
    .app-main-content .hierarchy-nav > nav {
        flex: 1 1 0;
        min-width: 0;
    }
    .app-main-content .hierarchy-nav .breadcrumb {
        margin: 0;
        font-size: .875rem;
        overflow-wrap: anywhere;
    }
    .app-main-content .hierarchy-nav .breadcrumb-item { min-width: 0; }
    .app-main-content .hierarchy-back-button { min-height: 44px; }

    .members-list-page > .page-header { display: none !important; }
    .members-list-page .list-query-panel:has(> .settings-page-gear) {
        grid-template-columns: minmax(0, 1fr) 44px;
        column-gap: 8px;
        align-items: center;
    }
    .members-list-page .list-query-panel:has(> .settings-page-gear) > .list-query-search {
        grid-column: 1 !important;
        grid-row: 1;
        min-width: 0;
    }
    .members-list-page .list-query-panel > .settings-page-gear {
        grid-column: 2;
        grid-row: 1;
    }

    .app-main-content .page-header:has(> .hierarchy-nav):has(> .settings-page-gear) {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .app-main-content .page-header:has(> .settings-page-gear) > .hierarchy-nav { flex: 1; }
    .app-main-content .page-header > .hierarchy-nav + .settings-page-gear { margin: 0; }

    .band-settings-header {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px 16px;
    }
    .band-settings-header > .btn { flex-shrink: 0; min-height: 44px; }
    .band-settings-header > p { min-width: 0; overflow-wrap: anywhere; }

    .event-template-library > .page-header {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 44px;
        align-items: center;
        gap: 8px;
    }
    .event-template-library > .page-header > .hierarchy-nav { grid-column: 1; grid-row: 1; }
    .event-template-library > .page-header > .template-library-heading-content { display: contents !important; }
    .event-template-library .template-library-heading-content > .page-header-copy { grid-column: 1 / -1; grid-row: 2; }
    .event-template-library .template-library-toolbar { grid-column: 2; grid-row: 1; margin: 0; }
    .event-template-library .template-library-toolbar > .btn {
        width: 44px;
        min-height: 44px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 0;
    }
    .event-template-library .template-library-toolbar > .btn > i { font-size: 1rem; margin: 0 !important; }
}