/* Keep every permitted workspace reachable on short phone screens. */
@media (max-width:760px) {
  .shell .sidebar {
    height:100vh;
    height:100dvh;
    bottom:auto;
    padding:calc(14px + env(safe-area-inset-top, 0px)) 14px calc(10px + env(safe-area-inset-bottom, 0px));
    overflow:hidden;
  }
  .sidebar .brand {
    flex:0 0 auto;
    gap:3px;
    padding:0 48px 10px 6px;
    margin:0;
  }
  .sidebar .brand .stay-sidebar-mark {width:112px;}
  .sidebar .stay-brand-caption {font-size:9px;line-height:16px;margin:0;}
  .sidebar .sidebar-close {top:calc(10px + env(safe-area-inset-top, 0px));right:10px;width:44px;height:44px;min-height:44px;}
  .sidebar .nav {
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-y:contain;
    touch-action:pan-y;
    gap:2px;
    margin:0;
    padding:2px 3px 6px;
    scroll-padding-block:6px;
    scrollbar-width:thin;
  }
  .sidebar .nav > * {flex-shrink:0;}
  .sidebar .nav .stay-nav-section {margin:0;padding:6px 12px 2px;font-size:10px;line-height:16px;}
  .sidebar .nav a {min-height:44px;padding:9px 12px;margin:0;font-size:14px;line-height:24px;gap:10px;}
  .sidebar .sidebar-bottom {flex:0 0 auto;min-width:0;margin:0;padding-top:8px;border-top:1px solid #D6E0D5;}
  .sidebar .team-status {margin:0 4px 6px;padding:0;border:0;font-size:10px;line-height:15px;}
  .sidebar .team-status br {display:block;}
  .sidebar .user-card {padding:6px 8px;gap:8px;}
  .sidebar .user-card .avatar {width:32px;height:32px;}
  .sidebar .user-card strong {font-size:14px;line-height:20px;}
  .sidebar .user-card .small-text {font-size:11px!important;line-height:16px;}
  .sidebar .user-card .logout {width:44px;height:44px;min-height:44px;flex-shrink:0;padding:10px;}
  .sidebar .version {display:none;}
}