/* Selected Loop identity: presentation only. Header geometry and all action
   controls retain the existing layout; white artwork is for the dark header. */
.app-header #brand-home .brand-logo {
  display: block;
  width: 176px !important;
  height: 52px !important;
  object-fit: contain !important;
  object-position: left center;
  flex: 0 0 auto;
}
.app-header #brand-home .brand-copy {
  display: none !important;
}
@media (max-width: 760px) {
  .app-header #brand-home .brand-logo {
    width: 140px !important;
    height: 42px !important;
  }
}
@media (max-width: 560px) {
  .app-header #brand-home .brand-logo {
    width: 108px !important;
    height: 34px !important;
  }
}
@media (max-width: 380px) {
  .app-header #brand-home .brand-logo {
    width: 94px !important;
    height: 30px !important;
  }
}

/* Match the desktop workspace's 32px inner gutter; keep the bar full width. */
@media screen and (min-width: 1101px) {
  body:has(#admin:not([hidden])) .header-inner {
    padding-inline: 32px !important;
  }
}