/* Mobile-only logo size refinement: use more of the existing header height without changing other controls. */
@media (max-width: 900px), (max-height: 520px) {
  #app .commandbar .brand-lockup--image {
    height: 46px !important;
    min-height: 46px !important;
  }
  #app .commandbar .brand-lockup--image > img {
    width: clamp(170px, 46vw, 238px) !important;
    max-height: 46px !important;
    height: auto !important;
    object-fit: contain !important;
  }
}
@media (max-width: 420px) {
  #app .commandbar .brand-lockup--image {
    height: 44px !important;
    min-height: 44px !important;
  }
  #app .commandbar .brand-lockup--image > img {
    width: 160px !important;
    max-height: 44px !important;
  }
}
@media (max-width: 360px) {
  #app .commandbar .brand-lockup--image > img {
    width: 150px !important;
    max-height: 42px !important;
  }
  #app .commandbar .brand-lockup--image {
    height: 42px !important;
    min-height: 42px !important;
  }
}