/* mobile-feedback-modal.css — mobile bottom-sheet treatment for the
   feedback modal. Loaded after feedback-modal.css so the cascade is
   unchanged. Mirrors the prototype's @media (max-width: 576px) rules. */

@media (max-width: 576px) {
    #feedbackModal .modal-dialog.fb-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0;
        min-height: 100%;
        align-items: flex-end;
    }
    #feedbackModal .modal-content.fb {
        border-radius: 24px 24px 0 0;
    }
    #feedbackModal .fb-foot {
        padding-bottom: calc(30px + env(safe-area-inset-bottom, 0px));
    }
    #feedbackModal .fb-foot .fb-btn.primary {
        flex: 1;
        justify-content: center;
    }
}