.curated-admin-logo {
    display: block;
    height: 52px;
    width: auto;
    max-width: min(280px, 72vw);
    object-fit: contain;
    object-position: left center;
}

html.dark .curated-admin-logo,
.dark .curated-admin-logo {
    filter: invert(1);
}

/* Login / auth headline logo.
   Live Mix chunk uses w-28 md:w-32 (112px; md:w-32 is not in tailwind.css).
   Vue source uses h-16 md:h-20. curated-login-logo is the durable hook. */
img.mx-auto.mb-6.w-28.md\:w-32,
img.mx-auto.mb-6.h-16,
img.curated-login-logo {
    display: block;
    width: min(18rem, 78vw) !important;
    max-width: 22rem;
    height: auto !important;
    max-height: min(16rem, 38vh);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    object-fit: contain;
    object-position: center center;
}

@media (min-width: 768px) {
    img.mx-auto.mb-6.w-28.md\:w-32,
    img.mx-auto.mb-6.h-16,
    img.curated-login-logo {
        width: min(22rem, 70vw) !important;
        max-width: 24rem;
        max-height: min(18rem, 42vh);
    }
}

html.dark img.mx-auto.mb-6.w-28.md\:w-32,
.dark img.mx-auto.mb-6.w-28.md\:w-32,
html.dark img.mx-auto.mb-6.h-16,
.dark img.mx-auto.mb-6.h-16,
html.dark img.curated-login-logo,
.dark img.curated-login-logo {
    filter: invert(1);
}

a[href="https://vuefilemanager.com"] {
    display: none !important;
}