@media (max-width: 767.98px) { .motordex-shell .app-content { padding: var(--mdx-space-3) !important; } .mdx-page-header { align-items: stretch; padding: var(--mdx-space-4); } .mdx-page-header__title, .mdx-page-header__actions, .mdx-toolbar, .mdx-form-actions { width: 100%; } .mdx-page-header__actions .btn, .mdx-form-actions .btn { flex: 1 1 auto; } }
@media print { .motordex-shell:not(.motordex-print-scope) .app-header, .motordex-shell:not(.motordex-print-scope) .app-sidebar, .motordex-shell:not(.motordex-print-scope) .app-footer, .motordex-shell:not(.motordex-print-scope) #motordex-toast-root { display: none !important; } }

@media screen and (max-width: 767.98px) {
    .motordex-shell .app-header .navbar-nav.ms-auto { flex-wrap: wrap; justify-content: flex-end; }
}

/* Page controls scroll with content on tablets/phones, including legacy screens. */
@media screen and (max-width: 1199.98px), screen and (hover: none) and (pointer: coarse) {
    .motordex-shell .app-main,
    .motordex-shell .app-content {
        height: auto;
        max-height: none;
        overflow-y: visible;
    }

    .motordex-shell .app-content .mdx-page-action-header,
    .motordex-shell .motordex-mobile-vehicle .mdx-page-action-header,
    .motordex-shell .workspace-dashboard-navigation,
    .motordex-shell .cli-execution-sticky-header,
    .motordex-shell .capture-sticky-actions,
    .motordex-shell .stock-onboard-submit,
    .motordex-shell .stock-dashboard-control-bar,
    .motordex-shell .creditors-workspace-summary,
    .motordex-shell .crm-shell .crm-notification-actions,
    .motordex-shell .crm-shell .crm-assignment-actions,
    .motordex-shell .crm-shell .crm-employee-targets__table thead th,
    .motordex-shell .crm-shell .crm-notification-table thead th,
    .motordex-shell .crm-shell .crm-assignment-table th,
    .motordex-shell .crm-shell .crm-assignment-table td {
        position: static;
        top: auto;
        bottom: auto;
        left: auto;
    }
}