@media (max-width: 900px) {
    .itfv3-shell {
        grid-template-columns: 1fr;
    }

    .itfv3-shell__sidebar {
        border-right: 0;
        border-bottom: 1px solid #dcdcde;
    }

    .itfv3-shell__topbar {
        flex-direction: column;
        align-items: stretch;
    }

    .itfv3-shell__topbar-actions {
        width: 100%;
        padding-left: 0;
    }

    .itfv3-shell__export-dropdown {
        width: 100%;
    }

    .itfv3-shell__export-toggle,
    .itfv3-shell__title-save,
    .itfv3-shell__title-cancel,
    .itfv3-edit-form__save,
    .itfv3-edit-form__cancel {
        flex: 1 1 auto;
    }

    .itfv3-shell__export-toggle {
        width: 100%;
    }

    .itfv3-shell__export-menu,
    .itfv3-shell__actions-menu {
        left: 0;
        right: 0;
        min-width: 0;
    }

    .itfv3-shell__messages {
        padding: 16px;
    }

    .itfv3-shell__composer {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .itfv3-shell__send {
        width: 100%;
    }

    .itfv3-message {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .itfv3-shell__stats {
        grid-template-columns: 1fr;
    }

    .itfv3-modal__dialog {
        width: calc(100vw - 20px);
        margin: 10px auto;
        padding: 14px;
    }

    .itfv3-modal__header,
    .itfv3-edit-form__actions {
        flex-direction: column;
        align-items: stretch;
    }
}