/* DuKKia MIS — opt-in mobile drawer; desktop remains unchanged. */
.mis-modern-shell .mis-mobile-open,
.mis-modern-shell .mis-mobile-close,
.mis-modern-shell .mis-mobile-backdrop { display:none; }

@media (max-width:750px) {
  .mis-modern-shell .mis-mobile-open {
    display:inline-flex; align-items:center; justify-content:center; flex:0 0 42px;
    width:42px; height:42px; border:1px solid #dce6f0; border-radius:10px;
    background:#f4f8fc; color:#143755; font-size:20px; cursor:pointer;
  }
  .mis-modern-shell .mis-mobile-open:focus-visible,
  .mis-modern-shell .mis-mobile-close:focus-visible { outline:3px solid #35d0e4; outline-offset:2px; }
  .mis-modern-shell .mis-side#misMobileNav {
    position:fixed; inset:0 auto 0 0; width:min(85vw,320px); max-width:320px;
    height:100dvh; min-height:0; padding:28px 18px 20px;
    display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start;
    overflow-y:auto; overscroll-behavior:contain;
    transform:translateX(-105%); visibility:hidden; pointer-events:none;
    z-index:1102; box-shadow:10px 0 32px rgba(4,20,43,.24);
  }
  .mis-modern-shell.mis-mobile-nav-open .mis-side#misMobileNav {
    transform:translateX(0); visibility:visible; pointer-events:auto;
  }
  .mis-modern-shell .mis-mobile-close {
    display:grid; place-items:center; position:absolute; top:16px; right:13px;
    width:36px; height:36px; border:1px solid rgba(255,255,255,.28); border-radius:9px;
    background:rgba(255,255,255,.08); color:#fff; font-size:19px; cursor:pointer;
  }
  .mis-modern-shell .mis-side#misMobileNav .mis-brand {
    display:inline-flex; align-self:flex-start; padding:0 44px 0 6px; font-size:30px;
  }
  .mis-modern-shell .mis-side#misMobileNav .mis-side__group-title {
    display:block; margin:24px 12px 10px;
  }
  .mis-modern-shell .mis-side#misMobileNav .mis-side__nav,
  .mis-modern-shell .mis-side#misMobileNav .mis-side__admin-nav {
    display:flex; flex-direction:column; gap:5px; overflow:visible;
  }
  .mis-modern-shell .mis-side#misMobileNav .mis-side__link {
    display:flex; align-items:center; gap:13px; justify-content:flex-start;
    padding:12px 13px; font-size:15px; min-height:44px; white-space:normal;
  }
  .mis-modern-shell .mis-side#misMobileNav .mis-side__link i { width:20px; font-size:18px; }
  .mis-modern-shell .mis-side#misMobileNav .mis-side__bottom {
    display:grid; gap:5px; margin-top:auto; padding-top:18px;
    border-top:1px solid rgba(255,255,255,.14);
  }
  .mis-modern-shell .mis-side#misMobileNav .mis-side__bottom > a,
  .mis-modern-shell .mis-side#misMobileNav .mis-side__bottom form { display:block; }
  .mis-modern-shell .mis-side#misMobileNav .mis-side__toggle { display:none !important; }
  .mis-modern-shell .mis-mobile-backdrop {
    position:fixed; inset:0; z-index:1101; background:rgba(4,20,43,.56);
  }
  .mis-modern-shell.mis-mobile-nav-open .mis-mobile-backdrop { display:block; }
  .mis-modern-shell .mis-topbar { gap:9px; }
  .mis-modern-shell .mis-topbar__right { min-width:0; margin-left:auto; }
  .mis-modern-shell .mis-crumb { min-width:0; }
}
@media (prefers-reduced-motion:no-preference) and (max-width:750px) {
  .mis-modern-shell .mis-side#misMobileNav { transition:transform .2s ease,visibility .2s; }
}