/* Shared logo sizing and light/dark image choice. */
.arcadyan-workspace .sidebar .brand { min-width: 0; }
.arcadyan-workspace .sidebar .brand .brand-logo,
.relay-auth .relay-brand .brand-logo,
.legacy-brand .brand-logo {
  display: block;
  width: min(100%, 156px);
  height: 57px;
  object-fit: contain;
  object-position: left center;
}
.arcadyan-workspace .sidebar .brand .brand-logo-dark,
.legacy-brand .brand-logo-light { display: none; }
[data-bs-theme="dark"] .arcadyan-workspace .sidebar .brand .brand-logo-light,
[data-theme="light"] .legacy-brand .brand-logo-dark { display: none; }
[data-bs-theme="dark"] .arcadyan-workspace .sidebar .brand .brand-logo-dark,
[data-theme="light"] .legacy-brand .brand-logo-light { display: block; }

.branding-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 215px), 1fr));
  gap: 20px;
}
.branding-preview {
  display: grid;
  place-items: center;
  min-height: 112px;
  margin: 0 0 12px;
  border: 1px solid var(--tblr-border-color);
  border-radius: 8px;
  background: white;
}
.branding-preview-dark { background: #182433; }
.branding-preview img { width: min(100%, 156px); height: 70px; object-fit: contain; }
.branding-preview-icon img { width: 48px; height: 48px; }