.nav-dropdown-toggle:focus-visible,
.nav-dropdown-menu a:focus-visible,
.mobile-menu-btn:focus-visible,
.mobile-nav a:focus-visible {
  outline: 2px solid var(--paper);
  outline-offset: 4px;
}

.mobile-nav {
  max-height: calc(100dvh - 64px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

@media (min-width: 861px) {
  .mobile-nav.open { display: none; }
}

@media (max-width: 860px) {
  header { grid-template-columns: auto 1fr; padding: 12px 16px; height: 64px; }
  .mobile-nav { top: 64px; padding: 12px 20px 20px; }
}

@media (max-width: 480px) {
  header .status-pill { display: none; }
  header .brand { gap: 6px; font-size: 12px; }
  header .app-header-actions { gap: 8px !important; }
}