/* Keep the customized header's controls within narrow viewports.
 * The existing mobile action strip is 100% wide and non-shrinking, leaving
 * no room for the menu/subscription controls alongside it.
 */
@media (max-width: 767px) {
    body.admin-ui-shell .admin-topbar__inner {
        align-items: center;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    body.admin-ui-shell .admin-topbar__left {
        flex: 0 0 auto;
    }

    body.admin-ui-shell .admin-topbar__actions {
        width: auto;
        min-width: 0;
        flex: 1 1 0;
    }
}
