/* Brand logos (landscape WEBP) */
.brand-logo-landscape {
    height: 44px;
    width: auto;
    max-width: 260px;
    object-fit: contain;
}

#kt_header .header-logo .brand-logo-landscape {
    height: 48px !important;
    max-width: 300px;
    width: auto !important;
}

#kt_header .header-logo a {
    display: inline-flex;
    align-items: center;
}

.brand-logo-landscape-lg {
    height: 48px;
    width: auto;
    max-width: 280px;
    object-fit: contain;
}

.brand-logo-square {
    height: 32px;
    width: 32px;
    object-fit: contain;
}

/* Filter periode (toolbar): tinggi sama dengan tombol Tambah di sebelahnya */
#kt_toolbar .dashboard-period-picker,
#kt_toolbar .toolbar-actions-group .btn {
    min-height: 3rem;
    box-sizing: border-box;
}

.dashboard-period-picker {
    min-width: 200px;
    gap: 0.35rem;
    padding: 0.65rem 1.25rem;
    border-radius: 0.475rem;
    line-height: 1.5;
}

.dashboard-period-picker:hover .dashboard-period-chevron {
    color: #78829d !important;
}

.dashboard-period-chevron {
    color: #b5b5c3 !important;
    transition: transform 0.2s ease, color 0.15s ease;
}

.dashboard-period-picker.is-open .dashboard-period-chevron {
    transform: rotate(180deg);
}

.daterangepicker {
    z-index: 1060;
}

/* Header: panah dropdown menu Pengaturan putih di toolbar biru */
#kt_header .header-menu .menu-item.menu-arrow-white > .menu-link.text-white .menu-arrow::after {
    background-color: #fff !important;
}

/* Global bottom spacing so page content is not flush with the viewport edge */
.app-page-bottom-space {
    padding-bottom: 2.5rem;
}

@media (min-width: 992px) {
    .app-page-bottom-space {
        padding-bottom: 4rem;
    }
}