/* MandalaMine ERP — Pro Sidebar (PHASE 2)
   Sidebar premium dari design pack, TAPI diisi tab NYATA & mengikuti role.
   Hanya aktif di mode Pro (terang) + layar desktop. Di mode gelap / mobile,
   nav atas (.ng-bar/.mn) yang lama tetap dipakai — nol perubahan.
   Additive & reversible: hapus include 069/070. */

#mm-sidebar{display:none}

/* Aktif di KEDUA tema (body.mm-side ditambah 070) + lebar desktop (≥1080px). */
@media(min-width:1080px){
  body.mm-side #mm-sidebar{
    display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:236px;z-index:300;
    background:linear-gradient(180deg,#0a1f3a,#08213F);border-right:1px solid #0c2c52;
    box-shadow:4px 0 22px rgba(8,33,63,.16);overflow-y:auto;scrollbar-width:thin}
  /* Geser seluruh konten ke kanan sidebar (!important agar menang atas
     aturan padding-left:0 di 065 pada mode terang). Nav atas lama disembunyikan. */
  body.mm-side #app{padding-left:236px !important}
  body.mm-side .ng-bar,
  body.mm-side #mn-sub{display:none !important}
  /* topbar tetap sticky di area konten (sudah tergeser oleh padding #app). */
}

#mm-sidebar .sb-brand{display:flex;align-items:center;gap:10px;padding:16px 16px 14px;border-bottom:1px solid #0c3158}
#mm-sidebar .sb-logo{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#E2BE69,#C99A2E);
  display:flex;align-items:center;justify-content:center;font-weight:900;color:#1a1205;font-size:15px;flex:none}
#mm-sidebar .sb-name{font-size:13.5px;font-weight:850;color:#fff;line-height:1.15}
#mm-sidebar .sb-name small{display:block;font-size:9.5px;font-weight:600;color:#9fc0e6;letter-spacing:.3px}
#mm-sidebar .sb-pro{display:inline-block;font-size:8px;font-weight:850;letter-spacing:.5px;color:#1a1205;
  background:linear-gradient(135deg,#E2BE69,#C99A2E);padding:1px 5px;border-radius:4px;margin-left:4px;vertical-align:middle}

#mm-sidebar .sb-scroll{flex:1;padding:10px 10px 16px}
#mm-sidebar .sb-grp{font-size:9.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
  color:#6f93bf;margin:14px 8px 5px}
#mm-sidebar .sb-grp:first-child{margin-top:4px}
#mm-sidebar .sb-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;
  background:transparent;border:none;color:#cfe0f4;font-size:12.5px;font-weight:600;
  padding:9px 11px;border-radius:9px;cursor:pointer;transition:background .12s,color .12s;margin-bottom:1px}
#mm-sidebar .sb-item:hover{background:rgba(255,255,255,.06);color:#fff}
#mm-sidebar .sb-item.active{background:linear-gradient(135deg,rgba(226,190,105,.18),rgba(201,154,46,.10));
  color:#fff;box-shadow:inset 3px 0 0 #E2BE69}
#mm-sidebar .sb-item .ic{width:18px;text-align:center;flex:none;font-size:14px}

#mm-sidebar .sb-foot{padding:12px 16px;border-top:1px solid #0c3158;font-size:10px;color:#7fa3cc}