/* Гар утасны нарийн дэлгэц дээр sidebar-ыг бүтнээр нь нуугаад,
   ☰ товч дарахад slide-in хийж гарч ирдэг болгоно. Компьютерийн
   өргөн дэлгэц дээр энэ файл юу ч өөрчлөхгүй. */

@media(max-width:900px){
  .sidebar{
    position:fixed !important;
    left:0 !important;
    top:0 !important;
    height:100vh !important;
    width:250px !important;
    z-index:1000;
    transform:translateX(-100%);
    transition:transform .25s ease;
    box-shadow:4px 0 24px rgba(0,0,0,.25);
    overflow-y:auto;
  }
  .sidebar.mnav-open{
    transform:translateX(0);
  }
  .main{
    margin-left:0 !important;
  }
  .mnav-toggle{
    display:flex !important;
  }
}

.mnav-toggle{
  display:none;
  position:fixed;
  top:14px;
  left:14px;
  z-index:1001;
  width:44px;
  height:44px;
  border-radius:10px;
  background:#0f172a;
  color:#fff;
  border:0;
  font-size:20px;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,.3);
}

.mnav-backdrop{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(15,23,42,.5);
  z-index:999;
}
.mnav-backdrop.mnav-show{
  display:block;
}

/* ── Цэсний шугаман icon (mobile-nav.js emoji-г SVG-ээр солино) ── */
.sidebar .menu-item{display:flex;align-items:center;gap:12px;text-align:left !important}
/* Эрхгүй цэсийг permissions.js inline display:none-оор нуудаг — үүнийг дарж харуулахгүй. */
.sidebar .menu-item[style*="display: none"],.sidebar .menu-item[style*="display:none"]{display:none !important}
.sidebar .mi-ic{flex:none;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}
.sidebar .mi-ic svg,.sidebar .mt-ic svg{width:20px;height:20px;fill:none;stroke:#5b8def;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s}
.sidebar .mi-tx{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar .menu-item:hover .mi-ic svg,.sidebar .menu-item.active .mi-ic svg{stroke:#fff}
.sidebar .menu-item.active{background:linear-gradient(90deg,#2f5fe0,#1d3fae) !important;color:#fff !important;box-shadow:0 6px 16px rgba(37,99,235,.35)}
.sidebar .menu-title{display:flex;align-items:center;gap:8px;letter-spacing:.6px}
.sidebar .menu-title ~ .menu-title{border-top:1px solid rgba(148,163,184,.16);padding-top:16px;margin-top:16px}
.sidebar .mt-ic svg{width:15px;height:15px;stroke:#64748b}