/* Sidebar wordmark — override React inline height:40 */
.sidebar__brand .logo img {
    height: 56px !important;
    width: auto !important;
    max-width: min(280px, 100%) !important;
}

.sidebar__brand {
    min-height: 64px;
    align-items: center;
    padding-bottom: var(--space-4);
}

/* Collapsed / icon-only rail */
.sidebar__brand .logo img[width] {
    height: 48px !important;
    width: 48px !important;
    max-width: 48px !important;
}

/* Topbar layout (if used): keep proportional */
[data-layout="topbar"] .sidebar__brand .logo img {
    height: 44px !important;
    max-width: min(240px, 42vw) !important;
}

/* Mobile header logo (sidebar hidden <=1023px) */
.topbar__brand {
    display: none;
    flex-shrink: 0;
    align-items: center;
}

@media (width <= 1023px) {
    .topbar__brand {
        display: flex;
    }

    .topbar__brand.logo img {
        display: block;
        height: 36px !important;
        width: 36px !important;
        max-width: 36px !important;
        object-fit: contain;
    }

    .topbar__row {
        align-items: center;
    }
}