.mobile-navigation,.mobile-navigation-context { display: none; }
.mobile-navigation [hidden] { display: none !important; }
@media(max-width:900px) {
  .header .nav-links,.header.menu-open .nav-links.mobile { display: none !important; }
  .header .user-menu .menu { display: none !important; }
  .header .user-btn .chev { display: none; }
  .nc-admin-frame>.nc-admin-nav { display: none !important; }
  .nc-admin .nc-admin-frame { grid-template-columns: minmax(0,1fr); min-height: 0; gap: 0; }
  .nc-admin-main>.network-tabs { display: none; }
  body .nc-admin { margin-top: 18px; }
  .mobile-navigation-open { position: fixed; width: 100%; overflow: hidden; }
  .mobile-navigation[open] { display: flex; flex-direction: column; position: fixed; inset: 0 0 0 auto; margin: 0; padding: 0; width: min(420px,100%); max-width: 100%; height: 100dvh; max-height: 100dvh; box-sizing: border-box; border: 0; border-left: 1px solid #29364b; background: #0d131c; color: #e4edf9; overscroll-behavior: contain; box-shadow: -16px 0 70px #0008; }
  .mobile-navigation::backdrop { background: #030811b8; }
  .mobile-navigation-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: calc(18px + env(safe-area-inset-top)) 20px 18px; border-bottom: 1px solid #263246; }
  .mobile-navigation-header small { color: #8eb6ff; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
  .mobile-navigation-header h2 { margin: 2px 0 0; font-size: 22px; }
  .mobile-navigation-header button { width: 44px; height: 44px; border: 1px solid #35445d; border-radius: 12px; color: #dce8fa; background: #192536; font-size: 27px; cursor: pointer; }
  .mobile-navigation-tabs { display: flex; gap: 6px; padding: 14px 18px; border-bottom: 1px solid #263246; }
  .mobile-navigation-tabs button { flex: 1; min-height: 44px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: #aebdd1; font: 700 14px system-ui; cursor: pointer; }
  .mobile-navigation-tabs button[aria-selected=true] { color: #a9caff; background: #1a2a42; border-color: #38567e; }
  .mobile-navigation-content { flex: 1; min-height: 0; overflow-y: auto; padding: 12px 18px calc(24px + env(safe-area-inset-bottom)); overscroll-behavior: contain; }
  .mobile-navigation nav,.mobile-navigation .nc-admin-nav nav { display: grid; grid-template-columns: minmax(0,1fr); gap: 5px; margin: 0; padding: 0; border: 0; width: 100%; }
  .mobile-navigation nav a,.mobile-navigation .nc-admin-nav nav a { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 11px 13px; border: 1px solid transparent; border-radius: 10px; color: #c9d6e8; background: transparent; font: 600 14px/1.5 system-ui; text-decoration: none; white-space: normal; }
  .mobile-navigation nav a[aria-current=page] { background: #19283e; color: #91bbff; border-color: #324e75; }
  .mobile-navigation .nc-admin-nav { display: block; position: static; width: 100%; min-width: 0; min-height: 0; height: auto; padding: 0; border: 0; background: transparent; box-shadow: none; }
  .mobile-navigation .nc-admin-brand,.mobile-navigation .nc-admin-nav-foot { display: none; }
  .mobile-navigation .admin-nav-heading { display: block; grid-column: 1; padding: 22px 13px 5px; color: #8497b2; font: 800 10px system-ui; letter-spacing: .1em; text-transform: uppercase; }
  .mobile-navigation .nav-icon { width: 20px; text-align: center; color: #a8bcda; }
  .mobile-navigation .admin-nav-count { margin-left: auto; border-radius: 20px; padding: 2px 7px; background: #2c4770; color: white; }
  .mobile-navigation-identity { margin: 4px 12px 16px; }
  .mobile-navigation-identity strong,.mobile-navigation-identity span { display: block; overflow-wrap: anywhere; }
  .mobile-navigation-identity span { margin-top: 4px; font-size: 12px; color: #8497b2; }
  .mobile-navigation-logout { width: 100%; min-height: 46px; margin-top: 24px; border: 1px solid #51383f; border-radius: 10px; background: #211b23; color: #ff9a9a; font: 600 14px system-ui; cursor: pointer; }
  .mobile-network-tools { margin-top: 20px; padding-top: 18px; border-top: 1px solid #263246; }
  .mobile-network-tools summary { padding: 10px 13px; color: #afc7e9; cursor: pointer; font-weight: 700; font-size: 14px; }
  .mobile-navigation-context { display: block; padding: 10px 16px 0; }
  .mobile-navigation-context button { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 42px; border: 1px solid #26384f; border-radius: 10px; padding: 8px 12px; background: #121d2c; color: #cbdcf5; font: 600 12px system-ui; text-align: left; cursor: pointer; }
  .mobile-navigation-context button span:last-child { font-size: 11px; color: #8eafd9; white-space: nowrap; }
  .mobile-navigation :focus-visible { outline: 2px solid #86b6ff; outline-offset: 2px; }
}