/* Tenant primary tokens are loaded after page styles by layout/master.html.
   Keep shared component adjustments here; never change vendor theme sources. */

/* Example: avatar initials sizing */
.avatar-initial {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-weight: 600;
}


/* Optional: global loading state (used by htmx hooks) */
.is-loading body { cursor: progress; }

.tenant-brand-logo {
  width: 50px;
  max-width: 50px;
  height: auto;
  object-fit: contain;
  display: block;
}

.tenant-brand-logo-full {
  width: 100%;
  max-width: 172px;
}

.app-brand-link-logo-only {
  width: 100%;
  justify-content: flex-start;
}

.app-brand-logo-full {
  display: block;
  flex: 1 1 auto;
  width: 100%;
}

.app-brand-logo-full .tenant-brand-logo-full {
  display: block;
  max-width: 100%;
}

.tenant-brand-preview {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.tenant-brand-preview-logo-full {
  width: 100%;
  max-width: 172px;
}