/* Keep the Unfold brand centered while preserving the logo proportions. */
a:has(img[src*="core/images/logo.svg"]) {
    justify-content: center;
    width: 100%;
}

img[src*="core/images/logo.svg"] {
    display: block;
    width: auto !important;
    height: 44px !important;
    max-height: 44px !important;
    margin-inline: auto;
    object-fit: contain;
    transition: filter 150ms ease;
}

.dark img[src*="core/images/logo.svg"] {
    filter: brightness(0) invert(1);
}

.login-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
}

.login-logo img {
    width: auto !important;
    height: 84px !important;
    max-width: 100%;
    max-height: 84px !important;
    object-fit: contain;
}