/* Iteration 042 release gate: exactly one persistent navigation system. */
@media screen and (max-width:760px){
  html.mobile-mode body,body{overflow-x:hidden!important}
  html.mobile-mode .app-shell,.app-shell{display:block!important;grid-template-columns:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
  html.mobile-mode .sidebar,.sidebar,.sidebar[hidden],.sidebar[aria-hidden="true"]{display:none!important;visibility:hidden!important;position:static!important;inset:auto!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;pointer-events:none!important}
  html.mobile-mode #mainContent,#mainContent{display:block!important;position:relative!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}
  html.mobile-mode .mobile-nav,.mobile-nav:not([hidden]){display:grid!important;visibility:visible!important}

  /* Prevent narrow-screen overlap from fixed min-width controls and multi-column utility layouts. */
  #mainContent,.content,.view,.card,section,article,form,table,thead,tbody,tr,th,td{min-width:0!important}
  .content img,.content video,.content svg,.content canvas{max-width:100%!important;height:auto!important}

  .metric-grid,.goal-columns,.form-grid,.activity-form,.activity-filters,.insight-metrics,.insight-grid,.review-grid,.completion-checklist,.settings-grid,.summary-grid,.comparison-grid,.plan-cards,.roadmap-grid,.matrix-form,.alignment-form,.capability-matrix,.preview-grid,.dashboard-facts,.snapshot-compare-controls,.difference-grid,.operator-enrollment-form,.dashboard-summary{grid-template-columns:minmax(0,1fr)!important}

  .plan-toolbar,.dashboard-controls,.comparison-heading,.settings-danger,.switch-row,.build-release-card,.marketplace-summary,.relationship-item,.account-danger,.recovery-code,.review-item,.activity-item,.marketplace-item,.actionable-empty,.plan-health,.release-readiness,.cloud-sync-card,.profile-identity,.snapshot-create{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}

  .plan-toolbar label,.dashboard-controls label,.comparison-heading label,.snapshot-create input,.year-form label,.goal-form label,.activity-form label,.alignment-form label,.matrix-form label{min-width:0!important;width:100%!important}
  .goal-form,.year-form{grid-template-columns:minmax(0,1fr)!important}

  .form-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}
  .form-actions button,.cloud-sync-actions button,.account-header-actions button,.profile-photo-actions button,.settings-card button,.entry-toolbar>.disclosure-toggle{width:100%!important}

  .mobile-menu{left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important}
  .mobile-menu nav{grid-template-columns:minmax(0,1fr)!important}

  .table-wrap{overflow-x:auto!important}
  .alignment-table{min-width:640px!important}

  .topbar .brand strong,.section-heading h1,.section-heading p,.settings-summary,.save-state{overflow-wrap:anywhere!important}
}

@media screen and (max-width:344px){
  html.mobile-mode #mainContent,#mainContent{padding-left:8px!important;padding-right:8px!important}
  .content{padding-left:8px!important;padding-right:8px!important}
  .card{padding:14px!important;border-radius:14px!important}
  .topbar{padding-left:8px!important;padding-right:8px!important}
  .mobile-nav button{font-size:.68rem!important;line-height:1.1!important;padding:6px 2px!important}
  .primary-button,.secondary-button,.text-button{font-size:.9rem!important;padding:10px 12px!important}
}

@media screen and (min-width:761px){
  html:not(.mobile-mode) .sidebar{display:flex!important;visibility:visible!important}
  html:not(.mobile-mode) .mobile-nav{display:none!important;visibility:hidden!important}
}