/* Keep desktop navigation available independently of the selected page. */
#me-badge { display: flex; align-items: center; gap: 10px; }
#me-badge .sidebar-person-avatar { display: inline-grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; }
#me-badge .signed-in-copy { min-width: 0; overflow-wrap: anywhere; line-height: 1.5; }
@media screen and (min-width: 1024px) {
  #app > .sidebar { display: flex !important; width: 240px; flex: 0 0 240px; margin-top: 56px; height: calc(100dvh - 56px); min-height: 0; padding: 18px 14px; box-sizing: border-box; overflow-y: hidden; }
  #app > .sidebar .sidebar-top { display: none; }
  #app > .sidebar #main-nav-section { display: flex; flex-shrink: 0; }
  #app > .sidebar .nav-section-header { flex-shrink: 0; }
  #app > .sidebar .project-list { flex: 1 1 0; min-height: 40px; overflow-y: auto; overscroll-behavior: contain; }
  #app > .sidebar .sidebar-bottom { flex-shrink: 0; }
  #app .sidebar .wb-live-feed { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; padding: 6px 6px 6px 14px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface-2); color: var(--ink); font-size: 12px; font-weight: 600; }
  #app .sidebar .wb-switch { position: relative; width: 40px; height: 22px; flex: 0 0 auto; border: 0; border-radius: 999px; background: var(--line-strong); cursor: pointer; }
  #app .sidebar .wb-switch[aria-checked="true"] { background: #2E7D6B; }
  #app .sidebar .wb-switch-knob { position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.3); transition: transform .2s ease; }
  #app .sidebar .wb-switch[aria-checked="true"] .wb-switch-knob { transform: translateX(18px); }
  #app .sidebar .wb-switch:focus-visible { outline: 2px solid #2E7D6B; outline-offset: 2px; }
}