/* Rapikan sidebar ala Oafindo: tanpa garis scrollbar + grup menu collapsible (toggle). */

/* Hilangkan garis vertikal (scrollbar) saat sidebar di-scroll */
.sidebar-nav, .sidebar, #employee-menu, #admin-menu-nav { scrollbar-width: none; -ms-overflow-style: none; }
.sidebar-nav::-webkit-scrollbar,
.sidebar::-webkit-scrollbar,
#employee-menu::-webkit-scrollbar,
#admin-menu-nav::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none; }

/* Header grup yang bisa diklik untuk buka/tutup */
.nav-group-toggle {
    display: flex !important;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
}
.nav-group-toggle > span:first-child { flex: 1; min-width: 0; }
.nav-group-toggle .nav-caret {
    margin-left: auto;
    font-size: 10px;
    opacity: 0.55;
    transition: transform 0.2s ease;
}
.nav-group-toggle:hover .nav-caret { opacity: 0.9; }

/* Saat grup ditutup: sembunyikan daftar menunya + putar chevron */
.nav-section.collapsed .nav-list { display: none; }
.nav-section.collapsed .nav-group-toggle .nav-caret { transform: rotate(-90deg); }

/* Logo Bisatani lebih besar */
.sidebar-logo-full { height: 46px !important; }
.sidebar.collapsed .sidebar-logo-icon { height: 38px !important; }

/* Badge agregat di header grup (jumlah notifikasi saat grup ditutup) */
.nav-group-badge {
    flex: 0 0 auto;
    background: #ef4444;
    color: #fff;
    border-radius: 10px;
    min-width: 18px;
    height: 18px;
    padding: 0 6px;
    font-size: 10px;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

/* Mode rail (sidebar di-collapse jadi ikon): sembunyikan chevron & paksa grup terbuka */
.sidebar.collapsed .nav-caret { display: none; }
.sidebar.collapsed .nav-group-badge { display: none !important; }
.sidebar.collapsed .nav-section.collapsed .nav-list { display: block; }

/* ============================================
   POLESAN TIPOGRAFI ala Oafindo (2026-07-04)
   Font Inter, ukuran & warna konsisten dgn app Oafindo:
   label kecil kalem, item abu redup, active = pill netral + ikon hijau.
   ============================================ */

/* Sidebar sedikit lebih lebar mengikuti font — konten utama otomatis bergeser
   (main.css pakai var --sidebar-width). Mode HP (≤992px) tetap off-canvas, tak terpengaruh. */
:root { --sidebar-width: 288px; }
@media (max-width: 576px) {
    /* Overlay di HP: jangan sampai menutup seluruh layar sempit */
    :root { --sidebar-width: min(288px, 85vw); }
}

/* Label section: "Menu", dst — kecil, tanpa uppercase berlebihan */
.nav-label {
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    text-transform: none !important;
    color: #64748b !important;
    padding: 0 22px;
    margin-bottom: 7px;
}

/* Header grup (toggle) tampil seperti ITEM menu di Oafindo: sejajar item, bisa diklik */
.nav-group-toggle {
    font-size: 14.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    color: #94a3b8 !important;
    padding: 10px 13px !important;
    margin: 0 12px 3px !important;
    border-radius: 10px;
}
.nav-group-toggle:hover { background: rgba(255, 255, 255, 0.06); color: #e2e8f0 !important; }

/* Item menu: teks abu redup, 14.5px nyaman dibaca, ikon selaras */
.nav-link {
    font-size: 14.5px !important;
    color: #94a3b8 !important;
    padding: 10px 13px !important;
    border-radius: 10px !important;
    gap: 12px;
}
.nav-link span { font-size: 14.5px !important; }
.nav-link i { font-size: 16px !important; width: 23px; color: #7c8aa3 !important; }
.nav-link:hover { color: #ffffff !important; }
.nav-link:hover i { color: #cbd5e1 !important; }

/* Active: pill netral terang tipis (ala Oafindo) + teks putih + ikon hijau brand */
.nav-item.active .nav-link {
    background: rgba(255, 255, 255, 0.09) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}
.nav-item.active .nav-link i { color: #4ade80 !important; }

/* Anak grup: garis panduan vertikal tipis di kiri (ala Oafindo) saat grup terbuka */
.nav-group-toggle + .nav-list {
    margin: 0 12px 0 26px;
    padding: 0 0 0 9px;
    border-left: 1px solid rgba(255, 255, 255, 0.10);
}
.nav-group-toggle + .nav-list .nav-link { padding-left: 11px !important; }
/* Mode rail (sidebar ikon): garis & indent dilepas agar ikon tetap di tengah */
.sidebar.collapsed .nav-group-toggle + .nav-list { border-left: none; margin: 0; padding: 0 10px; }

/* Jarak antar section dirapatkan sedikit — ritme seperti Oafindo */
.nav-section { margin-bottom: 4px; }
.nav-section:has(> .nav-label:not(.nav-group-toggle)) { margin-bottom: 12px; }