/**
 * FutureOps platform logo — shared brand lockup styles
 */
.fo-platform-logo {
  display: inline-block;
  vertical-align: middle;
  object-fit: contain;
  width: auto;
  height: auto;
}

.fo-platform-logo--lockup {
  max-height: 64px;
  max-width: min(240px, 72vw);
}

.fo-platform-logo--md {
  max-height: 44px;
  max-width: 180px;
}

.fo-platform-logo--sm {
  max-height: 28px;
  max-width: 120px;
}

.fo-platform-logo--xs {
  max-height: 16px;
  max-width: 72px;
}

.fo-logo.fo-logo--image-only {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.fo-logo.fo-logo--image-only .fo-logo-text {
  display: none;
}

.fo-logo-mark:has(.fo-platform-logo)::before,
.fo-logo-mark:has(.fo-platform-logo)::after {
  display: none;
}

.fo-logo-mark .fo-platform-logo {
  width: 100%;
  height: 100%;
  max-height: 48px;
  max-width: none;
}

.fo-brand-inline {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  vertical-align: middle;
  white-space: nowrap;
}

.fo-brand-inline .fo-brand-word {
  line-height: 1;
}

.fo-brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

nav .fo-logo.fo-logo--image-only,
.nav-brand.fo-logo--image-only {
  flex-direction: row;
  align-items: center;
}

nav .fo-platform-logo--lockup,
.nav-brand .fo-platform-logo--lockup {
  max-height: 52px;
}

.sb-footer .fo-platform-logo--xs,
footer .fo-platform-logo--xs {
  opacity: 0.92;
}