/* Создано: 2026-11-12, GRM */
/* Лицензия: Проприетарная. Любое распространение запрещено. */

/* Brand logos: theme-aware mark / full wordmark via <img>, never inline SVG. */

.lp-brand {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  max-width: 100%;
}

.lp-brand-img {
  display: block;
  width: auto;
  max-width: 100%;
  height: var(--lp-brand-h, 40px);
  object-fit: contain;
  object-position: left center;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
}

.lp-brand-img--dark {
  display: none;
}

html[data-color-scheme="dark"] .lp-brand:not(.lp-brand--force-light) .lp-brand-img--light {
  display: none;
}

html[data-color-scheme="dark"] .lp-brand:not(.lp-brand--force-light) .lp-brand-img--dark {
  display: block;
}

.lp-brand--force-light .lp-brand-img--dark {
  display: none !important;
}

.lp-brand--force-light .lp-brand-img--light {
  display: block !important;
}

.lp-brand--force-dark .lp-brand-img--light {
  display: none !important;
}

.lp-brand--force-dark .lp-brand-img--dark {
  display: block !important;
}

.lp-brand--full {
  --lp-brand-h: 40px;
}

.lp-brand--mark {
  --lp-brand-h: 44px;
}

a.logo .lp-brand,
.logo .lp-brand,
.reset-brand .lp-brand,
.docs-brand .lp-brand,
.sidebar .logo .lp-brand {
  flex-shrink: 1;
  min-width: 0;
}

/* Public marketing navbar — same height as userdocs brand */
.navbar .logo .lp-brand {
  flex-shrink: 0;
}

.navbar .logo .lp-brand--full {
  --lp-brand-h: 60px;
}

/* App shell left panel (user pages) — match userdocs brand height/inset */
.left-panel-header .logo {
  /* docs-header left pad 24px vs left-panel pad 16px → +8px */
  padding-left: 8px;
}

.left-panel-header .logo .lp-brand--full {
  --lp-brand-h: 40px;
}

/* Auth / onboarding brand row */
.reset-container .reset-brand {
  gap: 0;
}

.reset-container .reset-brand .lp-brand--full {
  --lp-brand-h: 52px;
}

/* Docs header */
.docs-brand .lp-brand--full {
  --lp-brand-h: 40px;
}

.docs-brand .lp-brand--mark {
  --lp-brand-h: 40px;
}

/* Billing console sidebar */
.sidebar .logo .lp-brand--full {
  --lp-brand-h: 36px;
}

.sidebar .logo .lp-brand-label {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--bc-muted, #64748b);
  white-space: nowrap;
}

@media (max-width: 576px) {
  .navbar .logo .lp-brand--full,
  .docs-brand .lp-brand--full,
  .left-panel-header .logo .lp-brand--full {
    --lp-brand-h: 34px;
  }

  .reset-container .reset-brand .lp-brand--full {
    --lp-brand-h: 44px;
  }
}