/* Keep the sidebar's collapse / expand arrow in the top bar. The phone keeps
   its existing bottom navigation and menu sheet. */
body.team-app #appSideToggle.shell__nav-toggle { display: none; }

@media (min-width: 761px) {
  body.team-app.is-authed { --app-side: 224px; }
  body.team-app.is-authed[data-side="narrow"] { --app-side: 72px; }
  body.team-app.is-authed #dashHead { grid-template-columns: auto minmax(0, 1fr) auto; }
  body.team-app.is-authed #appSideToggle.shell__nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0;
    gap: 0;
    border: 1px solid var(--line-c);
    border-radius: 7px;
    background: var(--panel-c);
    color: var(--text-c);
    cursor: pointer;
  }
  body.team-app.is-authed #appSideToggle.shell__nav-toggle:hover { border-color: var(--accent-c); color: var(--accent-c); }
  body.team-app.is-authed #appSideToggle.shell__nav-toggle:focus-visible { outline: 2px solid var(--accent-c); outline-offset: 3px; }
  body.team-app #appSideToggle.shell__nav-toggle .rail__foot-label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  body.team-app #appSideToggle.shell__nav-toggle .rail__foot-ico { width: 20px; height: 20px; flex: none; }
  body.team-app #appSideToggle.shell__nav-toggle .rail__foot-ico--collapse { display: block; }
  body.team-app #appSideToggle.shell__nav-toggle .rail__foot-ico--expand { display: none; }
  body.team-app[data-side="narrow"] #appSideToggle.shell__nav-toggle .rail__foot-ico--collapse { display: none; }
  body.team-app[data-side="narrow"] #appSideToggle.shell__nav-toggle .rail__foot-ico--expand { display: block; }
}