/* Content section */
.conversation {
    text-align: center;
}

/* chat-box font and word wrapping behavior */
#chat-box {
    font-size: 1rem;
    background: white; 
    border: 0.0625rem solid #ccc; 
    height: 50vh;
    overflow-y: auto; 
    padding: 1%;
    margin-bottom: 1%;
    text-align: left;
    line-height: 1.6;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Unified chat message text style */
#chat-box .bot-msg {
    word-break: break-word;
    white-space: pre-wrap;
    color: #272420;
}

#chat-box .user-msg {
    word-break: break-word;
    white-space: pre-wrap;
    color: #094550;
}

#user-input {
    width: 80%; 
    padding: 0.5em; 
    font-size: 1em;
}

#status {
    font-size: 1em;
    margin-top: 1em; 
    font-weight: bold;
}