/* Signal Architect 10.6.0 — Mobile-First Layout and Navigation */
@media (max-width:900px), (pointer:coarse) {
  html, body {
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .cad-shell,
  #mainContent {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  .top-bar {
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .sa-global-header {
    width:100% !important;
    max-width:100% !important;
  }

  .sa-global-menu-toggle {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:72px;
    min-height:44px;
    position:relative;
    z-index:9701;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  .sa-global-nav {
    display:none !important;
  }

  .sa-global-nav.is-open {
    display:flex !important;
    position:fixed !important;
    top:max(70px,env(safe-area-inset-top)) !important;
    left:10px !important;
    right:10px !important;
    width:auto !important;
    max-height:calc(100dvh - 90px - env(safe-area-inset-bottom)) !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    flex-direction:column !important;
    align-items:stretch !important;
    padding:12px !important;
    gap:3px !important;
    background:rgba(2,9,8,.99) !important;
    border:1px solid #1b6a38 !important;
    box-shadow:0 22px 70px rgba(0,0,0,.78) !important;
    z-index:9700 !important;
    pointer-events:auto !important;
  }

  .sa-global-nav.is-open a {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:48px !important;
    padding:12px !important;
    border:1px solid rgba(60,255,122,.14) !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  html.sa-mobile-nav-open body {
    overflow:hidden !important;
  }

  .tab-bar {
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x !important;
    gap:7px !important;
    padding-bottom:7px !important;
  }

  .tab-bar button,
  .tab-bar a,
  .tab-bar [role="tab"] {
    flex:0 0 auto !important;
    min-height:44px !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  /* Keep floating utilities useful without covering the main content. */
  .sa-floating-architect,
  .sa-id-account,
  .sa-guide-fab {
    max-width:calc(100vw - 24px) !important;
  }

  .sa-floating-architect {
    right:12px !important;
    bottom:calc(154px + env(safe-area-inset-bottom)) !important;
  }

  .sa-id-account {
    right:12px !important;
    bottom:calc(92px + env(safe-area-inset-bottom)) !important;
  }

  .sa-guide-fab {
    left:12px !important;
    bottom:calc(92px + env(safe-area-inset-bottom)) !important;
  }
}


/* Signal Architect 10.6.1 — Native mobile navigation safety */
@media (max-width:900px), (pointer:coarse) {
  .sa-action-button.sa-native-route,
  a.sa-action-button,
  .relationships-decision-flow a,
  .decision-progress + div a {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:48px !important;
    text-decoration:none !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    -webkit-user-select:none !important;
    user-select:none !important;
    position:relative !important;
    z-index:2 !important;
  }

  /* Floating utilities only own their visible control rectangle. */
  .sa-floating-architect,
  .sa-id-account,
  .sa-guide-fab {
    pointer-events:auto !important;
    width:auto !important;
  }

  /* Ordinary content remains above any non-interactive decorative layer. */
  #mainContent,
  .tab-page,
  .sa-action-bar,
  .relationships-decision-flow {
    position:relative;
    z-index:1;
  }
}

/* Signal Architect 10.6.3 — Immediate mobile tap feedback */
@media (max-width:900px), (pointer:coarse) {
  a[href],
  .sa-action-button.sa-native-route,
  .sa-global-nav a,
  .relationships-decision-flow a,
  .decision-progress + div a {
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:rgba(69,255,135,.20) !important;
  }

  a.sa-action-button,
  .sa-action-button.sa-native-route,
  .sa-global-nav a,
  .relationships-decision-flow a,
  .decision-progress + div a {
    -webkit-user-select:none !important;
    user-select:none !important;
    cursor:pointer !important;
  }

  .sa-mobile-tap-active {
    transform:scale(.985) !important;
    filter:brightness(1.16) !important;
  }

  .sa-mobile-tap-committed {
    opacity:.88 !important;
  }
}