/* Filament Branding Customizations */

/* Hide the default brand name text and replace with logo */
.fi-topbar-brand::before {
    content: '';
    display: block;
    height: 40px;
    width: auto;
    max-width: 180px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
}

.fi-topbar-brand {
    font-size: 0;
    overflow: visible;
}

.fi-topbar-logo-section {
    display: flex;
    align-items: center;
    padding-left: 0.5rem;
    margin-left: -1rem;
}

.fi-topbar-logo-image {
    height: 40px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
}