/*
HeirsNexus brand logo system. Every rendered logo on the platform should carry one of these
classes (assigned by HeirsNexusBrandResolver, not hand-picked per view) so sizing/behaviour stays
centrally controlled instead of drifting per screen.
*/

.heirsnexus-brand-logo,
.heirsnexus-brand-orb {
  display: inline-block;
  object-fit: contain;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

/* Concept D - app/product UI wordmark (header, login, sidebar, dashboard shell). Real source
   aspect ratio is ~1.78:1 (1672x941) - only `width` is fixed here, height stays auto (inherited
   from the base rule) so it scales proportionally instead of being squashed by a mismatched
   max-height. */
.heirsnexus-brand-logo--app {
  width: 220px;
  min-width: 180px;
}

.heirsnexus-brand-logo--header {
  width: 220px;
  min-width: 0;
}

/* Concept C - formal/corporate wordmark (reports, PDFs, executive/document covers). Real source
   aspect ratio is ~1.33:1 (1448x1086). */
.heirsnexus-brand-logo--formal {
  width: 220px;
  min-width: 220px;
}

/* Compact context: still Concept D/C, just constrained tighter (e.g. a narrow header slot before
   it would fall below the 180px minimum and the resolver switches to the orb instead). */
.heirsnexus-brand-logo--compact {
  width: 180px;
}

/* Orb-only mark - favicon-adjacent previews, collapsed sidebar, Nexus AI identity, watermarks. */
.heirsnexus-brand-orb {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 2px;
}

.heirsnexus-brand-orb--tiny {
  width: 24px;
  height: 24px;
  padding: 1px;
}

.heirsnexus-brand-orb--large {
  width: 96px;
  height: 96px;
  padding: 4px;
}

/* Dev/admin favicon preview swatch - shows the orb mark the way a browser tab renders it. */
.heirsnexus-brand-favicon-preview {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: #1a1a1c;
  overflow: hidden;
}

.heirsnexus-brand-favicon-preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 640px) {
  .heirsnexus-brand-logo--app {
    width: 180px;
  }
}