@media (max-width: 760px) {
    body .portal-modal--data-entry {
        padding: 0;
        z-index: 10020;
    }

    body .portal-data-entry {
        width: 100%;
        max-width: 100%;
        height: 100vh;
        height: 100dvh;
        border-radius: 0;
    }

    body .portal-data-entry .field-questionnaire {
        padding: 12px 10px 0;
    }

    body .portal-data-entry .questionnaire-sheet,
    body .portal-data-entry .questionnaire-section {
        min-width: 0;
        max-width: 100%;
        padding: 12px;
    }

    body .portal-data-entry .sima-collection-layout,
    body .portal-data-entry .livestock-layout,
    body .portal-data-entry .questionnaire-grid,
    body .portal-data-entry .business-workflow-form__grid,
    body .portal-data-entry .questionnaire-signatures {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    body .portal-data-entry .sima-collection-panel,
    body .portal-data-entry .questionnaire-field,
    body .portal-data-entry .sima-measure-grid > div,
    body .portal-data-entry .sima-collection-secondary > * {
        min-width: 0;
        max-width: 100%;
        grid-column: auto;
    }

    body .portal-data-entry .sima-measure-grid,
    body .portal-data-entry .sima-collection-secondary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    body .portal-data-entry input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    body .portal-data-entry select,
    body .portal-data-entry textarea {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        min-height: 44px;
        box-sizing: border-box;
        font-size: 16px;
    }

    body .portal-data-entry .business-workflow-form > footer {
        margin: 12px -10px 0;
        padding: 12px 10px max(12px, env(safe-area-inset-bottom));
        flex-wrap: wrap;
        gap: 8px;
    }

    body .portal-data-entry .business-workflow-form > footer button,
    body .portal-data-entry__bar button {
        min-width: 44px;
        min-height: 44px;
    }

    body .system-table-filters {
        grid-template-columns: minmax(0, 1fr);
        margin: 0 0 16px;
        padding: 14px;
    }

    body .system-table-hero {
        margin: 20px 0 14px;
        padding: 20px 16px;
        align-items: flex-start;
        flex-direction: column;
    }

    body .system-table-hero > div,
    body .system-table-filters label,
    body .rights-modal__grid > *,
    body .rights-modal form,
    body .rights-modal label {
        min-width: 0;
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    body .system-table-filters input,
    body .system-table-filters select,
    body .rights-modal input:not([type="checkbox"]):not([type="radio"]),
    body .rights-modal select,
    body .rights-modal textarea {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        min-height: 44px;
        box-sizing: border-box;
        font-size: 16px;
    }

    body .registration-request-card,
    body .rights-table-wrap {
        min-width: 0;
        max-width: 100%;
    }

    body .rights-table-wrap {
        overflow-x: auto;
    }

    body .rights-modal {
        padding: 12px;
        z-index: 10020;
    }

    body .rights-modal__dialog {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        max-height: calc(100vh - 24px);
        max-height: calc(100dvh - 24px);
        padding: 16px;
        box-sizing: border-box;
        overscroll-behavior: contain;
    }

    body .rights-modal__grid,
    body .registration-review-identity,
    body .registration-review-scopes > article > header,
    body .registration-review-service,
    body .registration-history article {
        grid-template-columns: minmax(0, 1fr);
    }

    body .rights-modal header {
        padding-right: 32px;
    }

    body .rights-modal__close {
        top: 4px;
        right: 4px;
        width: 44px;
        height: 44px;
    }

    body .rights-modal footer {
        flex-wrap: wrap;
        gap: 10px;
    }

    body .rights-modal footer button {
        min-height: 44px;
        max-width: 100%;
        white-space: normal;
    }
}