pre {
    white-space: pre-wrap;
}

.chat-container {
    display: flex;
    flex-direction: column;
    height: 85vh; /* takes full viewport height */
}

.chat-conversation {
    flex-grow: 1; /* takes up all available space */
    overflow-y: auto;
}

.chat-input {
    flex-shrink: 0; /* prevents the input from shrinking */
}