/* VisEOnary Brand v1.2: layout only. Image pixels come from approved PNG exports. */
.viseonary-brand-asset {
  display: block;
  max-width: 100%;
  height: auto;
  user-select: none;
  pointer-events: none;
}

.brand-row {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}

.viseonary-desktop-brand {
  width: 214px;
  max-width: 100%;
  display: block;
}

.viseonary-desktop-brand .viseonary-brand-asset {
  width: 214px;
}

.viseonary-mobile-brand {
  display: none;
  width: 138px;
  flex: 0 0 138px;
  align-items: center;
  margin-right: 18px;
}

.viseonary-mobile-brand .viseonary-brand-asset {
  width: 138px;
}

.viseonary-envision-identity {
  grid-area: viseonary-identity;
  width: min(480px, 100%);
  align-self: center;
  justify-self: center;
  position: relative;
  z-index: 2;
}

.envision-invitation {
  grid-template-columns: minmax(360px, .92fr) minmax(0, 1.08fr);
  grid-template-areas:
    "viseonary-identity envision-copy"
    "viseonary-identity envision-sequence";
  align-items: center;
}

.envision-invitation-copy { grid-area: envision-copy; }
.envision-sequence { grid-area: envision-sequence; }

.viseonary-account-introduction {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  margin: 2px 0 18px;
}

.viseonary-account-introduction > .viseonary-brand-asset {
  width: 112px;
}

.viseonary-account-introduction h2 {
  margin-top: 8px;
}

@media (max-width: 900px) {
  .viseonary-mobile-brand { display: flex; }

  .sidebar .viseonary-desktop-brand,
  .sidebar .viseonary-desktop-brand .viseonary-brand-asset {
    width: 176px;
  }

  .sidebar .mobile-close {
    position: absolute;
    top: 0;
    right: 0;
  }

  .envision-invitation {
    grid-template-columns: 1fr;
    grid-template-areas:
      "viseonary-identity"
      "envision-copy"
      "envision-sequence";
  }

  .viseonary-envision-identity {
    width: min(430px, 100%);
    margin-bottom: 4px;
  }
}

@media (max-width: 680px) {
  .topbar-context { display: none; }
  .topbar-actions { min-width: 0; }
  .viseonary-mobile-brand { margin-right: 10px; }
  .viseonary-envision-identity { width: min(320px, 100%); }

  .viseonary-account-introduction {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .viseonary-account-introduction > .viseonary-brand-asset {
    width: 96px;
    justify-self: center;
  }
}

@media (max-width: 430px) {
  .viseonary-mobile-brand,
  .viseonary-mobile-brand .viseonary-brand-asset {
    width: 124px;
    flex-basis: 124px;
  }
}

@media (forced-colors: active) {
  .viseonary-brand-asset { forced-color-adjust: auto; }
}

.participant-account-brand-entry > .viseonary-brand-asset {
  width: 112px;
  margin: 0 auto 6px;
}