/* VisioHub — PNGs de lhubpng/ */

.brand-logo-img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}

.brand-logo-img--header { width: 210px; }
.brand-logo-img--auth { width: 230px; }
.brand-logo-img--footer { width: 250px; }

/* Sidebar — logo completa da plataforma (não usar regra 40×40 do app.css) */
.app-brand-logo.app-brand-logo--lockup {
    display: block;
    width: 168px;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
    flex-shrink: 0;
}

.app-brand--lockup .app-brand-text {
    display: none;
}

.app-brand--lockup {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: visible;
}

.app-offcanvas .offcanvas-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    overflow: visible;
    padding: 0.85rem 1rem;
}

.app-offcanvas .app-brand--lockup {
    flex: 1;
    min-width: 0;
    padding: 0;
    margin: 0;
    border-bottom: none;
}

.app-offcanvas .app-brand--lockup .app-brand-logo--lockup {
    width: 155px;
}

@media (min-width: 768px) {
    .brand-logo-img--header { width: 235px; }
    .brand-logo-img--auth { width: 255px; }
    .brand-logo-img--footer { width: 270px; }
}

@media (min-width: 1200px) {
    .brand-logo-img--header { width: 250px; }
    .brand-logo-img--auth { width: 270px; }
    .app-sidebar .app-brand-logo.app-brand-logo--lockup { width: 180px; }
}