/* Style Navigation Group Filament */
.fi-sidebar .fi-sidebar-group {
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 0;
    background: transparent !important;
}

/* Bungkus grup sidebar */
.fi-sidebar .fi-sidebar-group-button {
    background-color: #1e2754 !important;
    color: #ffffff !important;
    border-radius: 8px;
    padding: 6px;
    margin-bottom: 10px;
}

/* Ubah warna text judul group */
.fi-sidebar .fi-sidebar-group-label {
    background-color: #1e2754 !important;
    color: #ffffff !important;
    font-weight: bold;
    border-radius: 6px;
    padding: 6px 10px;
    display: block;
}

/* PERBAIKAN: Warna hover untuk submenu di tema light */
.fi-sidebar .fi-sidebar-item-button:hover {
    background-color: #e5e7eb !important; /* gray-200 untuk light mode */
    color: #1f2937 !important; /* gray-800 untuk text di light mode */
}

.dark .fi-sidebar .fi-sidebar-item-button:hover {
    background-color: rgba(255, 255, 255, 0.05) !important; /* dark:hover:bg-white/5 */
    color: #e5e7eb !important; /* gray-200 untuk text di dark mode */
}

/* Style untuk submenu items */
.fi-sidebar .fi-sidebar-item-button {
    transition: all 0.2s ease-in-out;
}

/* Style untuk item yang disabled */
.fi-sidebar .fi-sidebar-item-button:disabled,
.fi-sidebar .fi-sidebar-item-button.cursor-not-allowed {
    opacity: 0.5;
    cursor: not-allowed !important;
    background-color: transparent !important;
}

/* Hover efek untuk group collapse button */
.fi-sidebar .fi-sidebar-group-collapse-button:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}