/* 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:#0f172a;border-right:1px solid #1e293b;
    box-shadow:none;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 #1e293b}
#mm-sidebar .sb-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);
  display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:14px;flex:none}
#mm-sidebar .sb-name{font-size:14px;font-weight:700;color:#f1f5f9;line-height:1.15}
#mm-sidebar .sb-name small{display:block;font-size:10px;font-weight:500;color:#64748b;letter-spacing:.2px}
#mm-sidebar .sb-pro{display:none}

#mm-sidebar .sb-scroll{flex:1;padding:8px 8px 16px}
#mm-sidebar .sb-grp{font-size:9px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;
  color:#475569;margin:16px 10px 6px}
#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:#94a3b8;font-size:13px;font-weight:500;
  padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .12s,color .12s;margin-bottom:1px}
#mm-sidebar .sb-item:hover{background:rgba(255,255,255,.05);color:#e2e8f0}
#mm-sidebar .sb-item.active{background:rgba(59,130,246,.1);
  color:#fff;box-shadow:inset 3px 0 0 #3b82f6;font-weight:600}
#mm-sidebar .sb-item .ic{width:20px;text-align:center;flex:none;font-size:14px}

#mm-sidebar .sb-foot{padding:12px 16px;border-top:1px solid #1e293b;font-size:10px;color:#475569}