/* Approved CloudByte Lumen wordmark; use each asset on its intended surface. */
.cloudbyte-logo { display: block; width: 180px; max-width: 100%; height: auto; object-fit: contain; flex: 0 0 auto; }
.cloudbyte-icon { display: block; width: 40px; height: 40px; object-fit: contain; flex: 0 0 auto; }
.sidebar-brand { padding-inline: 10px; }
.sidebar-brand .cloudbyte-logo { width: 180px; }
.sidebar-brand .cloudbyte-icon { display: none; }
.cloudbyte-auth-brand, .cloudbyte-admin-brand { flex-direction: column; align-items: flex-start; gap: 9px; }
.cloudbyte-auth-brand .cloudbyte-logo { width: 225px; }
.cloudbyte-auth-brand small { font-size: 10px; letter-spacing: .18em; }
.cloudbyte-admin-brand { padding-block: 3px; }
.cloudbyte-admin-brand .cloudbyte-logo { width: 196px; }
.cloudbyte-admin-brand small { padding-left: 1px; font-size: 10px; letter-spacing: .17em; }
.auth-mobile-brand { display: none; }
.kb-brand .cloudbyte-logo { width: 170px; }
.kb-author > .cloudbyte-author-mark { padding: 7px; background: var(--kb-surface-3); }
.cloudbyte-author-mark .cloudbyte-icon { width: 28px; height: 28px; }
.error-brand .cloudbyte-logo { width: 210px; }
.cloudbyte-legacy-brand { margin-right: auto; }
.cloudbyte-legacy-brand .cloudbyte-logo { width: 180px; }
@media (min-width: 761px) {
    .sidebar-collapsed .sidebar-brand .cloudbyte-logo { display: none; }
    .sidebar-collapsed .sidebar-brand .cloudbyte-icon { display: block; width: 40px; height: 40px; }
}
@media (max-width: 820px) {
    .auth-mobile-brand { display: block; width: fit-content; margin: 0 0 28px; }
    .auth-mobile-brand .cloudbyte-logo { width: 200px; }
}
@media (max-width: 560px) {
    .error-brand .cloudbyte-logo { width: 172px; }
    .kb-brand .cloudbyte-logo { width: 158px; }
}