/* Layout only. Brand colors are compiled and validated by the server. */
.crm-brand-content { display: inline-flex; align-items: center; justify-content: center; min-width: 0; max-width: 100%; }
.crm-brand-content .crm-brand-image { display: block; width: var(--autosay-logo-width, 190px); max-width: 100%; height: auto; max-height: 88px; object-fit: contain; }
.crm-brand-custom-lockup { background: transparent; }
.crm-brand-custom-lockup:has(.crm-brand-image--dark) { background: var(--text-primary); }
.crm-brand-custom-lockup:has(.crm-brand-image--light) { background: var(--bg-secondary); }
[data-theme="dark"] .crm-brand-custom-lockup:has(.crm-brand-image--dark) { background: var(--bg-secondary); }
[data-theme="dark"] .crm-brand-custom-lockup:has(.crm-brand-image--light) { background: var(--text-primary); }
.crm-brand-status { display: flex; align-items: center; justify-content: center; gap: .75rem; flex-wrap: wrap; padding: .65rem 1rem; background: var(--bg-secondary); color: var(--text-primary); border-bottom: 1px solid var(--border-color); font-size: .875rem; }
.crm-brand-status[hidden], .crm-brand-status [hidden] { display: none; }
.crm-brand-status span { overflow-wrap: anywhere; }
@media (max-width: 480px) {
    .crm-brand-content .crm-brand-image { max-height: 72px; }
    .crm-brand-status { justify-content: flex-start; }
}