/* Targeting shiny original component - wrapper for chat messages */
#qlm_chat shiny-chat-messages {
    margin: 0 !important;
    padding: var(--unit-l) var(--unit-m);
    padding-bottom: 15% !important; /* To avoid messages drop to textarea */
    border: none;
    font-family: inherit;
    line-height: 1.1;
    scrollbar-width: none;
}

/* Prevent scrollbar from apparing in browsers */
#qlm_chat shiny-chat-messages::-webkit-scrollbar {
    display: none;
}

/* Chat message is 1xrow to 2xcolumns grid -> gap is between icon and message */
shiny-chat-message[data-role="assistant"] {
    gap: var(--unit-xxl) !important;
    color: rgb(var(--txt-offwhite));
}

shiny-chat-message[data-role="assistant"] ol {
    margin-top: 1rem !important;
}

shiny-chat-message .message-icon {
    color: rgb(var(--orange)) !important;
    height: 2.5rem !important;
    width: 2.5rem !important;
    border: 1px solid rgb(var(--middark)) !important;
}

shiny-chat-message[data-role="user"] {
    background-color: rgb(0,0,0,0.25) !important;
    margin: 0 var(--unit-xs);
    border: 1px solid rgb(var(--middark));
    border-radius: var(--r10);
    padding-right: 0 !important;
}

shiny-chat-message[data-role="user"] .message-icon {
    display: none !important;
}