assets/custom.css

/* Left navbar (light gray), right column (white) */
#left-navbar {
    background-color: #f8f9fa !important;
    height: 100vh;
    overflow-y: scroll !important;
    overflow-x: auto !important;
    scrollbar-width: auto;
    scrollbar-color: #b0b0b0 #f8f9fa;
}

#right-main {
    background-color: #fff !important;
    height: 100vh;
    overflow-y: scroll !important;
    overflow-x: auto !important;
    scrollbar-width: auto;
    scrollbar-color: #b0b0b0 #fff;
}

/* Chat box scrollbars always visible */
#chat-window {
    height: 60vh !important;
    overflow-y: scroll !important;
    overflow-x: auto !important;
    scrollbar-width: auto;
    scrollbar-color: #9fc2e7 #e0e0e0;
    word-break: break-word;
    white-space: pre-wrap;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background: #e0e0e0;
}

::-webkit-scrollbar-thumb {
    background: #9fc2e7;
    border-radius: 6px;
}

::-webkit-scrollbar-corner {
    background: #e0e0e0;
}

.btn-primary {
    background-color: #1C304A;
    border-color: #1C304A;
}
.btn-primary:hover {
    background-color: #116F70;
    border-color: #116F70;
}
.btn-secondary {
    background-color: #116F70;
    border-color: #116F70;
}
.btn-secondary:hover {
    background-color: #00AEAF;
    border-color: #00AEAF;
}
.btn-tertiary {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
    color: #1C304A;
}
.btn-tertiary:hover {
    background-color: #DEF4F4;
    border-color: #DEF4F4;
    color: #1C304A;
}

/* Ensure textareas always wrap */
textarea, .dash-textarea {
    word-break: break-word !important;
    white-space: pre-wrap !important;
    overflow-wrap: break-word !important;
    resize: vertical;
}