/* Mobile dialogs share one edge-to-edge sheet layout. Keep their content padding. */
@media (max-width: 767.98px) {
    :is(
        .phone-modal-overlay,
        .email-modal-overlay,
        .logout-modal-overlay,
        .delete-modal-overlay,
        .skill-edit-modal-overlay,
        .verification-modal-overlay,
        .profile-report-modal-overlay,
        .service-report-modal-overlay,
        .mobile-app-install-modal-overlay,
        .frontend-update-modal-overlay,
        .fiwork-status-modal-overlay,
        .fiw-withdraw-method-overlay,
        .freelancer-benefits-modal-overlay,
        .inbox-conversation-modal,
        .add-work-modal-block,
        .add-fiwork-option-modal-block,
        .order-suggestion-modal-block,
        .individual-order-suggestion-modal-block,
        .fiw-modal,
        .phone-modal-block,
        .testing-modal-block,
        .phone-modal-block .modal-overlay,
        .swal2-container,
        .fiwork-wallet-withdraw-modal,
        .fiwork-balance-modal.show
    ) {
        align-items: flex-end !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
    }

    :is(
        .phone-modal-overlay,
        .email-modal-overlay,
        .logout-modal-overlay,
        .delete-modal-overlay,
        .skill-edit-modal-overlay,
        .verification-modal-overlay,
        .profile-report-modal-overlay,
        .service-report-modal-overlay,
        .mobile-app-install-modal-overlay,
        .frontend-update-modal-overlay,
        .fiwork-status-modal-overlay,
        .fiw-withdraw-method-overlay,
        .freelancer-benefits-modal-overlay,
        .inbox-conversation-modal,
        .add-work-modal-block,
        .add-fiwork-option-modal-block,
        .order-suggestion-modal-block,
        .individual-order-suggestion-modal-block,
        .fiw-modal,
        .phone-modal-block,
        .testing-modal-block
    ) > :is(
        .phone-modal,
        .logout-modal,
        .delete-modal,
        .skill-edit-modal,
        .verification-auth-modal,
        .profile-report-modal,
        .service-report-modal,
        .mobile-app-install-modal,
        .frontend-update-modal,
        .fiwork-status-modal,
        .fiw-withdraw-method-dialog,
        .freelancer-benefits-modal,
        .inbox-conversation-modal__dialog,
        .add-work-modal-container,
        .add-fiwork-option-modal-container,
        .order-suggestion-modal-container,
        .individual-order-suggestion-modal-container,
        .fiw-modal__dialog,
        .modal
    ),
    .phone-modal-block .modal-overlay > .modal,
    .swal2-container > .swal2-popup {
        box-sizing: border-box;
        width: 100% !important;
        max-width: none !important;
        max-height: calc(100dvh - env(safe-area-inset-top) - 12px);
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        overflow-y: auto;
        border-radius: 22px 22px 0 0 !important;
    }

    .swal2-container {
        justify-content: flex-end !important;
    }

    .swal2-container > .swal2-popup {
        padding-bottom: max(20px, env(safe-area-inset-bottom));
    }

    .fiwork-draft-modal-dialog {
        box-sizing: border-box;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        max-width: none;
        max-height: calc(100dvh - env(safe-area-inset-top) - 12px);
        margin: 0;
        overflow-y: auto;
        border-radius: 22px 22px 0 0;
    }

    .fiwork-ui-modal__container {
        width: 100%;
        max-width: none;
    }

    .fiw-withdraw-method-dialog {
        padding-bottom: max(22px, env(safe-area-inset-bottom));
    }

    .modal.show:not(.fiwork-ai-modal):not(.home-path-modal),
    .modal.fade.show:not(.fiwork-ai-modal):not(.home-path-modal) {
        display: flex !important;
        align-items: flex-end !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .modal.show:not(.fiwork-ai-modal):not(.home-path-modal) > .modal-dialog {
        display: flex;
        align-items: flex-end;
        width: 100% !important;
        max-width: none !important;
        min-height: 0;
        margin: 0 !important;
    }

    .modal.show:not(.fiwork-ai-modal):not(.home-path-modal) > .modal-dialog > .modal-content {
        width: 100%;
        max-width: none;
        border-radius: 22px 22px 0 0;
    }

    .profile-report-modal-overlay,
    .service-report-modal-overlay,
    .job-review-modal {
        align-items: flex-end;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
    }

    .job-review-modal-dialog {
        left: 0;
        top: auto;
        bottom: 0;
        width: 100%;
        max-width: none;
        max-height: calc(100dvh - env(safe-area-inset-top) - 12px);
        overflow-y: auto;
        border-radius: 22px 22px 0 0;
        transform: none;
    }
}