/* DuKKia MIS: consolidated mobile drawer navigation correction.
 * Replaces prior mis-mobile-drawer-links-fix.css.
 * Must load AFTER mis-overview.css, mis-modern-shell.css and mis-mobile-drawer.css.
 * Reuses ONLY server-rendered links; permissions remain controlled by Razor.
 */
@media (max-width: 750px) {
  /* Override legacy mobile styles that collapse navigation to an icon strip. */
  .mis-overview.mis-modern-shell.mis-mobile-nav-open aside#misMobileNav .mis-side__group-title {
    display: block !important;
  }
  .mis-overview.mis-modern-shell.mis-mobile-nav-open aside#misMobileNav nav.mis-side__nav,
  .mis-overview.mis-modern-shell.mis-mobile-nav-open aside#misMobileNav nav.mis-side__admin-nav {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    flex: 0 0 auto !important;
    gap: 5px;
    width: 100%;
    min-height: auto;
    overflow: visible !important;
  }
  .mis-overview.mis-modern-shell.mis-mobile-nav-open aside#misMobileNav nav.mis-side__nav > a.mis-side__link,
  .mis-overview.mis-modern-shell.mis-mobile-nav-open aside#misMobileNav nav.mis-side__admin-nav > a.mis-side__link {
    display: flex !important;
    visibility: visible !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100%;
    min-height: 44px;
    padding: 12px 13px;
    font-size: 15px !important;
    line-height: 1.45;
    white-space: normal !important;
    opacity: 1 !important;
  }
  .mis-overview.mis-modern-shell.mis-mobile-nav-open aside#misMobileNav .mis-side__link .mis-side__label,
  .mis-overview.mis-modern-shell.mis-mobile-nav-open aside#misMobileNav .mis-side__link > span {
    display: inline !important;
    font-size: inherit !important;
    opacity: 1 !important;
  }
  /* Legacy shell CSS hides the whole footer and links after Help & support. */
  .mis-overview.mis-modern-shell.mis-mobile-nav-open aside#misMobileNav .mis-side__bottom {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 auto !important;
    align-items: stretch !important;
    gap: 5px;
    width: 100%;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.14);
  }
  .mis-overview.mis-modern-shell.mis-mobile-nav-open aside#misMobileNav .mis-side__bottom > a.mis-side__link,
  .mis-overview.mis-modern-shell.mis-mobile-nav-open aside#misMobileNav .mis-side__bottom > form {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100%;
  }
  .mis-overview.mis-modern-shell.mis-mobile-nav-open aside#misMobileNav .mis-side__bottom > form {
    margin: 0;
  }
  .mis-overview.mis-modern-shell.mis-mobile-nav-open aside#misMobileNav .mis-side__bottom > a.mis-side__link,
  .mis-overview.mis-modern-shell.mis-mobile-nav-open aside#misMobileNav .mis-side__bottom > form > button.mis-side__link {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100%;
    min-height: 44px;
    padding: 12px 13px;
    font-size: 15px !important;
    text-align: left;
    white-space: normal !important;
  }
  /* Let long menus scroll rather than clip the last link. */
  .mis-overview.mis-modern-shell aside#misMobileNav {
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }
}