/* PBJ — Sidebar dropdown navigation. Submenu halaman dipindahkan ke sidebar kiri. */
.nav-group{display:grid;gap:3px}
.nav-group-toggle{position:relative;width:100%;display:flex;align-items:center;gap:12px;min-height:46px;padding:0 13px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--sidebar-text);font:inherit;font-weight:650;text-align:left;cursor:pointer;white-space:nowrap;transition:background .18s ease,color .18s ease,border-color .18s ease}
.nav-group-toggle .icon{flex:0 0 auto;color:#9bc7e4}
.nav-group-toggle>span:not(.nav-chevron){min-width:0;overflow:hidden;text-overflow:ellipsis}
.nav-group-toggle:hover,.nav-group.active>.nav-group-toggle{background:linear-gradient(90deg,rgba(59,187,232,.13),rgba(10,101,178,.12));border-color:rgba(125,211,252,.09);color:#fff}
.nav-group.active>.nav-group-toggle{box-shadow:inset 3px 0 0 var(--brand-sky)}
.nav-chevron{margin-left:auto;color:var(--sidebar-muted);font-size:15px;line-height:1;transition:transform .18s ease}
.nav-group.open .nav-chevron{transform:rotate(180deg)}
.nav-submenu{display:grid;grid-template-rows:0fr;opacity:.35;transition:grid-template-rows .2s ease,opacity .18s ease}
.nav-group.open .nav-submenu{grid-template-rows:1fr;opacity:1}
.nav-submenu-inner{min-height:0;overflow:hidden;display:grid;gap:2px;padding-left:18px}
.nav-group.open .nav-submenu-inner{padding-top:3px;padding-bottom:5px}
.nav-sublink{position:relative;display:flex;align-items:center;min-height:35px;padding:6px 10px 6px 22px;border-radius:9px;color:var(--sidebar-muted);font-size:12px;font-weight:650;line-height:1.25;text-decoration:none;white-space:normal;transition:background .16s ease,color .16s ease}
.nav-sublink::before{content:"";position:absolute;left:8px;top:50%;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.55;transform:translateY(-50%)}
.nav-sublink:hover{background:rgba(255,255,255,.07);color:#fff}
.nav-sublink.active{background:rgba(56,189,248,.14);color:#fff;font-weight:800}
.nav-sublink.active::before{background:#7dd3fc;opacity:1;box-shadow:0 0 0 3px rgba(125,211,252,.12)}
.nav-subsection{padding:7px 10px 2px 22px;color:color-mix(in srgb,var(--sidebar-muted) 82%,#fff);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
/* Navigasi tab lama yang sudah dipindahkan ke sidebar tidak perlu tampil ganda. */
.pbj-moved-to-sidebar{display:none!important}
@media(max-width:900px){
  .nav-group-toggle{min-height:44px}
  .nav-sublink{min-height:38px;font-size:12.5px}
}

/* PBJ V4.7.2.1 — pastikan submenu Traceability selalu menerima klik. */
.nav-submenu,.nav-submenu-inner{position:relative;z-index:2}
.nav-sublink{pointer-events:auto!important;z-index:3;cursor:pointer}
.nav-subsection{pointer-events:none}