.app-mobile-nav, .app-nav-backdrop { display: none; }
.app-shell :focus-visible { outline: 2px solid var(--acc); outline-offset: 3px; }
@media (max-width: 900px) {
  .app-shell .app-sidebar { position: fixed !important; inset: 0 auto 0 0; z-index: 60; height: 100dvh !important; overflow-y: auto; transform: translateX(-100%); visibility: hidden; }
  .app-shell .app-sidebar.is-open { transform: none; visibility: visible; }
  .app-mobile-nav { display: flex; align-items: center; justify-content: center; flex: none; width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 12px; background: var(--surf); color: var(--fg); cursor: pointer; font-size: 20px; }
  .app-nav-backdrop { display: block; position: fixed; inset: 0; z-index: 50; border: 0; background: rgb(0 0 0 / 45%); }
  .app-shell .app-header { padding: 18px 16px 0 !important; gap: 10px !important; }
  .app-shell .app-content { padding: 20px 16px 32px !important; }
  .autopilot-launch-grid { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (max-width: 650px) {
  .app-shell .app-header-search { display: none !important; }
  .app-shell .app-content { padding: 18px 12px 28px !important; }
}