body {
    min-height: 100vh;
}

.chat-page {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: calc(100vh - 11rem);
}

.chat-page__header {
    flex: 0 0 auto;
}

.chat-page__suggestions {
    flex: 0 0 auto;
}

.chat-page__content {
    flex: 1 1 auto;
    height: calc(100vh - 17rem);
    min-height: 600px;
}

#mandevia-chat,
openai-chatkit {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 600px;
}

.chat-page--project {
    height: calc(100vh - 5.5rem);
    height: calc(100dvh - 5.5rem);
    min-height: 0;
}

.chat-page--project .chat-page__content {
    flex: 1 1 0;
    height: auto;
    min-height: 0;
}

.chat-page--project #mandevia-chat,
.chat-page--project openai-chatkit {
    min-height: 0;
}

@media (max-width: 767.98px) {
    .chat-page__content {
        height: calc(100vh - 20rem);
        min-height: 75vh;
    }

    #mandevia-chat,
    openai-chatkit {
        min-height: 75vh;
    }

    .chat-page--project {
        height: calc(100vh - 5.5rem);
        height: calc(100dvh - 5.5rem);
    }

    .chat-page--project .chat-page__content,
    .chat-page--project #mandevia-chat,
    .chat-page--project openai-chatkit {
        min-height: 0;
    }
}