/* Base Overrides */

body{
    background-color: [BG-base];
    color: [FG-base];
}

code{
    background-color: [BG-panel2];
}
table{
    border: 1px solid [AC-trim];
}
table th,td{
    padding: 2pt;
}
thead{
    background-color: [BG-panel2];
}
input, button, textarea{
    background-color: [BG-base];
    color: [FG-base];
    padding: [DM-margin-q];
    border: 1pt solid [BG-panel2];
}

/* Page Structure */

.div-structure-page-container{
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100%;
}

.div-structure-header{
    padding: [DM-margin-q] 0;
    background-color: [BG-panel];
}

.div-structure-body{
    display: grid;
    grid-template-columns: 1fr 3fr 0;
}

.div-structure-left-inset{
    display: grid;
    grid-template-rows: 1fr;
    background-color: [BG-panel];
    margin: [DM-margin] 0 [DM-margin] [DM-margin];
}

.div-summary{
    margin: [DM-margin];
}

.div-structure-body-right{
    display: grid;
    grid-template-rows: 1fr;
}

.div-chat-title-bar{
    padding: [DM-margin];
    background-color: [BG-panel];
}

.div-structure-right-inset{
    display: grid;
    grid-template-rows: 1fr;
    margin: [DM-margin];
    background-color: [BG-panel];
}

.div-structure-right-chat{
    display: grid;
    grid-template-rows: auto 1fr auto;
}

.div-chat-container-scroll{
    height: 0;
    min-height: 100%;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: [BG-panel] [BG-base];
    display: grid;
    grid-template-rows: 1fr auto;
}

.div-structure-chat-container{
    margin: 0 [DM-margin];
    background-color: [BG-base];
}

.div-chat-container{
    padding: [DM-margin-h];
}

.div-chat-prompt-inset{
    margin: [DM-margin];
}

#id-prompt{
    min-width: 100%;
    margin-bottom: [DM-margin-h];
}

#btn-send{
    float: right;
    min-width: 20%;
}

.hr-chat-response-divider{
    background-color: [BG-panel2];
    border: none;
    padding: 0;
    margin: [DM-margin-q] 0;
}

.div-structure-footer{
    background-color: [BG-panel];
    padding: [DM-margin-q] 0;
}