body {
    background-color: black;
    color: black;
    font-family: 'Segoe UI', sans-serif;
    margin: 0px;
    height: 100vh;
    /* Prevent the main page from scrolling */
    overflow: hidden;
}


/* Responsive PowerBI */
.container {
    display: flex;
    height: 100%;
    /* Make room for the 30vw df-messenger sidebar */
    width: 70vw;
    box-sizing: border-box;
}

.powerbi-container {
    flex-grow: 1;
    height: 100%;
    padding: 1rem;
    box-sizing: border-box;
}

.powerbi-container iframe {
    width: 100%;
    height: 100%;
    border: none;
}

df-messenger {
    /* Use CSS variables to control the chat window's position and size,
       making it a full-height sidebar when opened. */
    z-index: 999;
    position: fixed;
    /* --df-messenger-chat-wrapper-width: 30vw;
    --df-messenger-chat-wrapper-height: 100vh;
    --df-messenger-chat-wrapper-top: 0;
    --df-messenger-chat-wrapper-right: 0; */
    
    /* Custom theme properties */
    --df-messenger-chat-background: rgb(246, 246, 246);
    --df-messenger-titlebar-background: rgb(160, 220, 255);
    --df-messenger-titlebar-text-color: rgb(0, 0, 0);
    --df-messenger-message-user-background: rgb(160, 220, 255);
    --df-messenger-message-bot-background: rgb(255, 255, 255);

    /* Font properties */
    --df-messenger-font-family: 'Segoe UI', sans-serif;
    --df-messenger-titlebar-title-font-family: 'Segoe UI', sans-serif;
    --df-messenger-input-font-family: 'Segoe UI', sans-serif;
    --df-messenger-message-font-family: 'Segoe UI', sans-serif;
    --df-messenger-input-font-size: 16px;

    bottom: 0;
    right: 0;
    top: 0;
    width: 30vw;
}