/* Sidenav gelap Filament — dimuat via PanelsRenderHook::HEAD_END, tanpa npm/build. */

/* Light mode: navy gelap, background opacity 30% */
.fi-sidebar-nav {
    background-color: oklch(0.97 0.015 250.7);
    /* background-color: rgb(11 21 38 / 0.05); */
}
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn {
    /* background-color: var(--gray-50); */
    background-color: white;
}
.fi-sidebar-item.fi-sidebar-item-has-url>.fi-sidebar-item-btn:hover {
    background-color: white;
}
/* .fi-sidebar-header-ctn,
.fi-sidebar-header {
    background-color: oklch(0.94 0.025 250.7);
} */
/* .fi-sidebar-nav .fi-sidebar-group-label,
.fi-sidebar-nav .fi-sidebar-item-label,
.fi-sidebar-nav .fi-sidebar-item-icon {
    color: rgb(203 213 225);
}
.fi-sidebar-nav .fi-sidebar-item-btn:hover {
    background-color: rgb(255 255 255 / 0.08);
}
.fi-sidebar-nav .fi-sidebar-item.fi-active .fi-sidebar-item-btn {
    background-color: rgb(255 255 255 / 0.12);
}
.fi-sidebar-nav .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-nav .fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: #fff;
} */

/* Dark mode: lebih pekat, background opacity 30% */
.dark .fi-sidebar-nav {
    background-color: rgb(11 21 38 / 0.3);
}
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn:where(.dark,.dark *) {
    /* background-color: var(--gray-600); */
    background-color: rgb(11 21 38 / 0.6);
}
.fi-sidebar-item-label:where(.dark,.dark *) {
    color: var(--gray-400);
}
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-sidebar-item-label:where(.dark,.dark *) {
    /* color: var(--primary-700); */
    color: var(--gray-50);
}
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-icon:where(.dark,.dark *) {
    /* color: var(--primary-700); */
    color: var(--gray-50);
}
/* .dark .fi-sidebar-header-ctn,
.dark .fi-sidebar-header {
    background-color: rgb(11 21 38 / 0.3);
}
.dark .fi-sidebar-nav .fi-sidebar-item-btn:hover {
    background-color: rgb(255 255 255 / 0.06);
}
.dark .fi-sidebar-nav .fi-sidebar-item.fi-active .fi-sidebar-item-btn {
    background-color: rgb(255 255 255 / 0.1);
} */