/**
 * Admin panel custom styles — sidebar & theme overrides
 */

/* Select2 — invoice customer field */
.select2-container--default .select2-selection--single {
    min-height: calc(1.5em + 1.65rem + 2px);
    padding: 0.775rem 1rem;
    border: 1px solid var(--bs-gray-300);
    border-radius: 0.475rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5;
    padding-inline-start: 0;
    padding-inline-end: 1.5rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    inset-inline-end: 0.5rem;
}

.js-invoice-customer-select + .select2-container {
    width: 100% !important;
}

:root {
    --admin-sidebar-bg: #ffffff;
    --admin-sidebar-border: #e9ecef;
    --admin-sidebar-text: #5e6278;
    --admin-sidebar-text-muted: #a1a5b7;
    --admin-sidebar-icon: #7e8299;
    --admin-sidebar-hover-bg: #f5f8fa;
    --admin-sidebar-active-bg: #eef6ff;
    --admin-sidebar-active-text: #1b84ff;
    --admin-sidebar-active-border: #1b84ff;
    --admin-sidebar-shadow: 0 0 24px rgba(82, 63, 105, 0.06);
    --admin-submenu-shadow: 0 4px 20px rgba(82, 63, 105, 0.1);
}

/* -------------------------------------------------------------------------- */
/* Sidebar — white background                                                 */
/* -------------------------------------------------------------------------- */

#kt_aside.aside-admin-custom {
    background-color: var(--admin-sidebar-bg) !important;
    box-shadow: var(--admin-sidebar-shadow) !important;
    border-inline-start: 1px solid var(--admin-sidebar-border);
}

#kt_aside.aside-admin-custom .aside-logo {
    background-color: var(--admin-sidebar-bg) !important;
    border-bottom: 1px solid var(--admin-sidebar-border);
}

#kt_aside.aside-admin-custom .aside-menu .hover-scroll-y,
#kt_aside.aside-admin-custom .aside-menu .hover-scroll-overlay-y {
    scrollbar-color: #d1d5db transparent;
}

#kt_aside.aside-admin-custom .aside-menu .hover-scroll-y::-webkit-scrollbar-thumb,
#kt_aside.aside-admin-custom .aside-menu .hover-scroll-overlay-y::-webkit-scrollbar-thumb {
    background-color: #d1d5db;
}

#kt_aside.aside-admin-custom .aside-menu .hover-scroll-y:hover::-webkit-scrollbar-thumb,
#kt_aside.aside-admin-custom .aside-menu .hover-scroll-overlay-y:hover::-webkit-scrollbar-thumb {
    background-color: #b5b5c3;
}

/* Menu links */
#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item > .menu-link {
    color: var(--admin-sidebar-text) !important;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item > .menu-link .menu-title {
    color: var(--admin-sidebar-text) !important;
}

#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item > .menu-link .menu-icon,
#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item > .menu-link .menu-icon i {
    color: var(--admin-sidebar-icon) !important;
}

#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item > .menu-link:hover {
    background-color: var(--admin-sidebar-hover-bg) !important;
    border-color: transparent !important;
}

#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item > .menu-link:hover .menu-title {
    color: var(--admin-sidebar-active-text) !important;
}

#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item > .menu-link:hover .menu-icon,
#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item > .menu-link:hover .menu-icon i {
    color: var(--admin-sidebar-active-text) !important;
}

/* Active / open state */
#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item.here > .menu-link,
#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item.show > .menu-link,
#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item > .menu-link.active {
    background-color: var(--admin-sidebar-active-bg) !important;
    border: 1px solid var(--admin-sidebar-active-border) !important;
}

#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item.here > .menu-link .menu-title,
#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item.show > .menu-link .menu-title,
#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item > .menu-link.active .menu-title {
    color: var(--admin-sidebar-active-text) !important;
}

#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item.here > .menu-link .menu-icon,
#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item.here > .menu-link .menu-icon i,
#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item.show > .menu-link .menu-icon,
#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item.show > .menu-link .menu-icon i,
#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item > .menu-link.active .menu-icon,
#kt_aside.aside-admin-custom .aside-menu .menu > .menu-item > .menu-link.active .menu-icon i {
    color: var(--admin-sidebar-active-text) !important;
}

/* menu-state-title-primary overrides */
#kt_aside.aside-admin-custom .menu-state-title-primary .menu-item.here > .menu-link .menu-title,
#kt_aside.aside-admin-custom .menu-state-title-primary .menu-item.show > .menu-link .menu-title,
#kt_aside.aside-admin-custom .menu-state-title-primary .menu-item .menu-link.active .menu-title {
    color: var(--admin-sidebar-active-text) !important;
}

#kt_aside.aside-admin-custom .menu-state-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: var(--admin-sidebar-active-text) !important;
}

#kt_aside.aside-admin-custom .menu-state-icon-primary .menu-item.here > .menu-link .menu-icon i,
#kt_aside.aside-admin-custom .menu-state-icon-primary .menu-item.show > .menu-link .menu-icon i,
#kt_aside.aside-admin-custom .menu-state-icon-primary .menu-item .menu-link.active .menu-icon i {
    color: var(--admin-sidebar-active-text) !important;
}

/* Submenu dropdown */
#kt_aside.aside-admin-custom .menu-sub-dropdown {
    background-color: var(--admin-sidebar-bg) !important;
    box-shadow: var(--admin-submenu-shadow) !important;
    border: 1px solid var(--admin-sidebar-border) !important;
    border-radius: 0.475rem;
}

#kt_aside.aside-admin-custom .menu-sub-dropdown .menu-link {
    color: var(--admin-sidebar-text) !important;
}

#kt_aside.aside-admin-custom .menu-sub-dropdown .menu-link .menu-title {
    color: var(--admin-sidebar-text) !important;
}

#kt_aside.aside-admin-custom .menu-sub-dropdown .menu-link .menu-bullet .bullet {
    background-color: var(--admin-sidebar-text-muted) !important;
}

#kt_aside.aside-admin-custom .menu-sub-dropdown .menu-link:hover,
#kt_aside.aside-admin-custom .menu-sub-dropdown .menu-link.active {
    background-color: var(--admin-sidebar-hover-bg) !important;
}

#kt_aside.aside-admin-custom .menu-sub-dropdown .menu-link:hover .menu-title,
#kt_aside.aside-admin-custom .menu-sub-dropdown .menu-link.active .menu-title {
    color: var(--admin-sidebar-active-text) !important;
}

#kt_aside.aside-admin-custom .menu-sub-dropdown .menu-link.active .menu-bullet .bullet {
    background-color: var(--admin-sidebar-active-text) !important;
}

/* Keep white sidebar in dark mode */
[data-bs-theme='dark'] #kt_aside.aside-admin-custom {
    background-color: var(--admin-sidebar-bg) !important;
    border-inline-start-color: var(--admin-sidebar-border);
}

[data-bs-theme='dark'] #kt_aside.aside-admin-custom .aside-logo {
    background-color: var(--admin-sidebar-bg) !important;
    border-bottom-color: var(--admin-sidebar-border);
}

[data-bs-theme='dark'] #kt_aside.aside-admin-custom .menu-sub-dropdown {
    background-color: var(--admin-sidebar-bg) !important;
}