/* Displays the logo without the surrounding empty space.
   Designed for your original 1080 × 1080 PNG. */
.app-logo {
    position: relative;
    display: inline-block;
    width: 170px;
    max-width: 100%;
    aspect-ratio: 1010 / 290;
    overflow: hidden;
    vertical-align: middle;
    flex-shrink: 0;
    background: #fff;
}

    .app-logo img {
        position: absolute;
        width: 106.930693%;
        max-width: none;
        height: auto;
        left: -0.990099%;
        top: -122.413793%;
        display: block;
    }

.app-logo--login {
    width: 310px;
}

.app-logo--footer {
    width: 110px;
}

.navbar-brand.app-brand-link {
    padding-top: 0;
    padding-bottom: 0;
}

.app-brand-footer {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}