/* Customer app only. Desktop rail and visual language remain unchanged. */
.wingman-mobile-navigation-toggle { display: none; }
@media (max-width: 767px) {
  #root > .wingman-app-shell[data-mobile-navigation] {
    display: block !important;
    padding-inline: 0 !important;
  }
  .wingman-app-shell[data-mobile-navigation] > .wingman-mobile-navigation-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    width: calc(100% - 24px);
    min-height: 44px;
    margin: 12px;
    padding: .65rem 1rem;
    color: var(--wm-ink, #0f172a);
    background: var(--wm-surface, #fff);
    border: 1px solid var(--wm-line, #dbeafe);
    border-radius: var(--wm-panel-radius, 12px);
    font: inherit;
    font-weight: 500;
    cursor: pointer;
  }
  .wingman-mobile-navigation-toggle:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
  }
  .wingman-app-shell[data-mobile-navigation="closed"] > .wingman-sidebar {
    display: none !important;
  }
  .wingman-app-shell[data-mobile-navigation="open"] > .wingman-sidebar {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 65dvh !important;
    margin-inline: 12px !important;
    overflow-y: auto !important;
    border-radius: var(--wm-panel-radius, 12px);
  }
  .wingman-app-shell[data-mobile-navigation] > .wingman-sidebar nav {
    flex: 0 0 auto !important;
    overflow: visible !important;
  }
  .wingman-app-shell[data-mobile-navigation] > .wingman-content {
    width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
  }
  .wingman-app-shell[data-mobile-navigation] .dashboard-v1343 {
    padding: 12px !important;
  }
}