/* Shared mobile guardrails. Feature layouts remain owned by their modules. */
@media (max-width: 767px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .page-container,
    .page-wrapper,
    .card,
    .card-body,
    .tab-content,
    .tab-pane,
    .content-sidebar,
    .dataTables_wrapper,
    .general-form,
    .general-form .form-group,
    .general-form .row > [class*="col-"] {
        min-width: 0;
        max-width: 100%;
    }

    body:not(.mailbox-unified-page):not(.colleagues-inbox-page):not(.omnichannel-inbox-page) #page-content:not(.no-padding) {
        padding-bottom: calc(88px + env(safe-area-inset-bottom)) !important;
    }

    .table-responsive,
    .scrollable-table,
    .dataTables_scroll,
    .dataTables_scrollBody {
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
    }

    .general-form .form-control,
    .general-form .form-select,
    .general-form .select2-container,
    .general-form .select2-choice,
    .general-form .select2-choices,
    .input-group,
    .dropdown-menu {
        max-width: 100%;
    }

    .dropdown-menu {
        max-width: calc(100vw - 20px);
        overflow-wrap: anywhere;
    }

    .card-body,
    .tab-content,
    .modal-body,
    .timeline-comment,
    .comment-container {
        overflow-wrap: anywhere;
    }

    video,
    iframe:not(.tox-edit-area__iframe) {
        max-width: 100%;
    }

    .app-alert {
        right: 10px !important;
        left: 10px !important;
        width: auto !important;
        max-width: none !important;
    }
}