body {
    background-color: #f0f3f7;
}
#scrollbar {
    height: 100vh; /* penuh tinggi layar */
    overflow-y: auto; /* kalau simplebar nggak jalan, fallback native */
}

.bg-body {
    background-color: #f0f3f7 !important;
}
.nav-calendar .nav-link {
    color: #565656;
    font-weight: normal;
}

    .nav-calendar .nav-link.active {
        color: black;
        background-color: #efefef;
        border: 1px solid #9b9b9b;
    }

.nav-calendar.nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: var(--vz-secondary-bg);
}

.nav-calendar.nav-tabs-custom .nav-link.active {
    color: #ffffff;
    background-color: var(--vz-secondary-bg);
}

    .nav-calendar.nav-tabs-custom .nav-link.active::after {
        background-color: #ffffff;
        border-bottom: 3px solid transparent;
    }

.nav-calendar.arrow-navtabs .nav-link.active::before {
    border-top-color: #ffffff;
}

.nav-calendar.custom-verti-nav-pills .nav-link.active::before {
    border-left-color: #ffffff;
}



.btn-tab-active {
    --vz-bg-opacity: 1;
    background-color: rgb(228 255 241) !important;
    border-color: #00AA5B;
    color: #00AA5B;
}

.btn-tab {
    --vz-btn-color: #7b7b7b;
    --vz-btn-bg: transparent;
    --vz-btn-border-color: #ced4da;
    --vz-btn-hover-bg: rgb(228 255 241) !important;
    --vz-btn-hover-border-color: #00AA5B;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .btn-tab :hover {
        --vz-bg-opacity: 1;
        background-color: rgb(228 255 241) !important;
        color: #00AA5B;
    }
.border-dark-soft {
    --vz-border-opacity: 1;
    border-color: #ced4da !important;
}