/* VEXCHANGE MOBILE UX + BUG FIXES */
@import url("./visual-foundation.css");

/* Floating controls must stay above sticky navigation, but below drawers/modals. */
#fdeApp .backup-menu[open]{z-index:60}
#fdeApp .backup-pop{z-index:61}

@media(max-width:960px){
  /* Desktop top actions are duplicated by the mobile app bar and drawer. */
  #fdeApp .top-actions{display:none}

  /* Navigation should prioritize project identity over stage metadata. */
  #appSidebar .stage-mini{display:none}
  #appSidebar .project-row{align-items:stretch}
  #appSidebar .project-btn:not(.portfolio-link){align-items:flex-start;min-height:44px}
  #appSidebar .project-btn:not(.portfolio-link) .project-dot{margin-top:4px}
  #appSidebar .project-btn:not(.portfolio-link) .project-name{
    display:-webkit-box;
    overflow:hidden;
    overflow-wrap:anywhere;
    line-height:1.35;
    max-height:2.7em;
    white-space:normal;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  #appSidebar .project-settings{flex:0 0 44px}

  /* Keep swipe/scroll-snap without exposing the browser's native scrollbar. */
  #portfolioView .portfolio-action-list{scrollbar-width:none;-ms-overflow-style:none}
  #portfolioView .portfolio-action-list::-webkit-scrollbar{display:none}
}