/*
 * HENDAR v0.96.2 / UALL-T
 * Canonical product-mark contract. The same vector asset is used everywhere,
 * and every host explicitly centres it instead of inheriting legacy lockup
 * alignment or the old CSS-drawn glyph.
 */

.hendar-product-logo {
  display: block !important;
  flex: 0 0 auto !important;
  inline-size: 58px !important;
  block-size: 58px !important;
  max-inline-size: 100% !important;
  margin-inline: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 16px !important;
  transform: none !important;
}

.hendar-product-logo.compact {
  inline-size: 44px !important;
  block-size: 44px !important;
  flex-basis: 44px !important;
  border-radius: 12px !important;
}

.startup-splash .splash-orbit {
  display: grid !important;
  place-items: center !important;
  margin-inline: auto !important;
}

.startup-splash .splash-product-logo {
  inline-size: clamp(96px, 13vw, 132px) !important;
  block-size: clamp(96px, 13vw, 132px) !important;
  border-radius: 30px !important;
  filter: drop-shadow(0 18px 38px rgb(2 55 52 / 28%));
}

.login-visual .brand-mark.large {
  inline-size: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  text-align: center !important;
}

.login-visual .brand-mark.large > .hendar-product-logo.large {
  inline-size: clamp(86px, 8vw, 116px) !important;
  block-size: clamp(86px, 8vw, 116px) !important;
  border-radius: 28px !important;
  filter: drop-shadow(0 20px 38px rgb(3 58 55 / 23%));
}

.login-visual .brand-mark.large > div,
.mobile-brand .brand-mark > div {
  inline-size: 100% !important;
  text-align: center !important;
}

.mobile-brand,
.mobile-brand .brand-mark {
  inline-size: 100% !important;
}

.mobile-brand .brand-mark {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

.mobile-brand .hendar-product-logo {
  inline-size: 54px !important;
  block-size: 54px !important;
  flex-basis: 54px !important;
  border-radius: 15px !important;
}

.sidebar-brand {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.sidebar-brand-mark {
  display: grid !important;
  inline-size: 100% !important;
  place-items: center !important;
  margin-inline: auto !important;
}

.sidebar-brand-mark .hendar-product-logo {
  inline-size: 56px !important;
  block-size: 56px !important;
  max-inline-size: 56px !important;
  margin-inline: auto !important;
  border-radius: 15px !important;
  filter: drop-shadow(0 8px 17px rgb(0 0 0 / 22%));
}

.sidebar-collapsed .sidebar-brand-mark .hendar-product-logo {
  inline-size: 50px !important;
  block-size: 50px !important;
}

.install-help-panel .hendar-product-logo,
.install-app-login .hendar-product-logo,
.sidebar-install-button .hendar-product-logo {
  align-self: center !important;
  justify-self: center !important;
  margin-inline: auto !important;
}

.install-help-panel .hendar-product-logo {
  inline-size: 54px !important;
  block-size: 54px !important;
  border-radius: 15px !important;
}

.install-app-login .hendar-product-logo {
  inline-size: 44px !important;
  block-size: 44px !important;
}

.sidebar-install-button .hendar-product-logo {
  inline-size: 36px !important;
  block-size: 36px !important;
  border-radius: 10px !important;
}

@media (max-width: 760px) {
  .login-card .mobile-brand .hendar-product-logo {
    inline-size: 50px !important;
    block-size: 50px !important;
    flex-basis: 50px !important;
  }

  .install-help-panel .hendar-product-logo {
    inline-size: 46px !important;
    block-size: 46px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hendar-product-logo { transition: none !important; animation: none !important; }
}