@media(max-width:760px) {
  .app-header {
    height:68px;
    padding:0 16px
  }
  .brand {
    gap:9px
  }
  .brand strong {
    font-size:17px
  }
  .brand-mark {
    width:38px;
    height:38px
  }
  .eyebrow {
    font-size:10px
  }
  .scope-label {
    display:none
  }
  .workspace {
    display:block;
    height:calc(100dvh - 68px);
    min-height:0;
    position:relative
  }
  .password-dialog {
    padding:28px
  }
  .toast {
    bottom:24px
  }
  .header-end {
    gap:8px
  }
}

@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    scroll-behavior:auto!important;
    transition:none!important
  }
}