:root {
    --zvest-chat-deep: #111b21;
    --zvest-chat-panel: #202c33;
    --zvest-chat-green: #00a884;
    --zvest-chat-green-soft: #25d366;
    --zvest-chat-bg: #f0f2f5;
}

body {
    background: var(--zvest-chat-bg) !important;
}

.sidebar-wrapper,
.sidebar-header,
.simplebar-content-wrapper {
    background: var(--zvest-chat-deep) !important;
}

.sidebar-wrapper .metismenu a,
.sidebar-wrapper .menu-title,
.sidebar-wrapper .parent-icon,
.sidebar-wrapper .metismenu ul a {
    color: #e9edef !important;
}

.sidebar-wrapper .metismenu .mm-active > a,
.sidebar-wrapper .metismenu a:hover,
.sidebar-wrapper .metismenu li a:hover {
    background: var(--zvest-chat-panel) !important;
    color: var(--zvest-chat-green-soft) !important;
}

.topbar,
.page-footer {
    background: #ffffff !important;
    border-color: #d1d7db !important;
}

.btn-primary,
.btn-success,
.btn-dark,
.btn-info,
.btn-outline-primary:hover {
    background: var(--zvest-chat-green) !important;
    border-color: var(--zvest-chat-green) !important;
    color: #ffffff !important;
}

.btn-outline-primary {
    color: var(--zvest-chat-green) !important;
    border-color: var(--zvest-chat-green) !important;
}

.card {
    border: 1px solid #dfe5e7 !important;
    box-shadow: 0 8px 24px rgba(17, 27, 33, 0.06) !important;
}

.card-header,
.modal-header {
    background: #ffffff !important;
    border-bottom-color: #e2e8ea !important;
}

a,
.text-primary,
h1, h2, h3, h4, h5 {
    color: var(--zvest-chat-deep);
}

.page-content h4,
.page-content h5 {
    color: var(--zvest-chat-deep);
}

.badge.bg-primary,
.badge.bg-success {
    background: var(--zvest-chat-green) !important;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--zvest-chat-green) !important;
    box-shadow: 0 0 0 .15rem rgba(0, 168, 132, .18) !important;
}