/* Compact presentation of the approved PeoplePilot logo artwork. */
.public-brand,
.marketing header > .brand,
.auth-art > .brand,
.auth-showcase > .public-brand,
.saas-sidebar > .brand,
.platform-console > header .brand,
#onboardApp .brand {
  display: block !important;
  width: 142px !important;
  height: 54px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background-color: transparent !important;
  background-image: url('/assets/peoplepilot-logo-2026-no-tagline.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}

.public-brand > *,
.marketing header > .brand > *,
.auth-art > .brand > *,
.saas-sidebar > .brand > *,
.platform-console > header .brand > *,
#onboardApp .brand > * { display: none !important; }

.public-nav .public-brand,
.saas-sidebar > .brand {
  width: 160px !important;
  height: 42px !important;
  background-image: url('/assets/peoplepilot-horizontal-2026.png') !important;
}
.public-nav .public-brand { flex: 0 0 160px; }
.auth-showcase > .public-brand { margin-bottom: 10px !important; }
.auth-signup .auth-showcase > .public-brand {
  width: 190px !important;
  height: 82px !important;
  flex: 0 0 82px !important;
  background-size: contain !important;
}
.saas-sidebar > .brand {
  flex: 0 0 42px !important;
  margin: 0 auto 10px !important;
}
.saas-sidebar > .brand::after { display: none !important; content: none !important; }

/* The console theme uses a more-specific background shorthand. Reassert the
   approved artwork at that specificity so the sidebar brand never becomes an
   empty decorative card. */
.saas-shell > .saas-sidebar > .brand {
  background: transparent url('/assets/peoplepilot-horizontal-2026.png') center / contain no-repeat !important;
}

@media (max-width: 650px) {
  .public-brand,
  .marketing header > .brand,
  .auth-art > .brand,
  .auth-showcase > .public-brand,
  #onboardApp .brand {
    width: 112px !important;
    height: 44px !important;
  }
  .public-nav .public-brand { width: 132px !important; height: 36px !important; flex-basis: 132px; }
  .auth-signup .auth-showcase > .public-brand { width: 150px !important; height: 64px !important; flex-basis: 64px !important; }
}