/* EcoTracer account + Home brand surfaces, 2026-09-25.1.
   Scope: standalone Login/Your account masthead and hero, Home title icon.
   Use approved artwork at its natural proportions. */
body.application-access .access-brand {
    flex: 0 1 12rem;
    min-width: 120px;
}
body.application-access .access-brand > img.eco-account-wordmark {
    display: block;
    width: 100%;
    max-width: 12rem;
    height: auto;
    aspect-ratio: 2172 / 724;
    object-fit: contain;
    object-position: center;
}
body.application-access .eco-account-brand-contrast { display: none; }
body.application-access .solutions-hero-emblem > img.eco-monolith-emblem {
    display: block;
    width: 53px;
    max-width: 100%;
    height: auto;
    aspect-ratio: 399 / 497;
    object-fit: contain;
    object-position: center;
    transform: none;
    filter: none;
}
.eco-home-v5.eco-home-command .eco-home-command-copy .eco-home-brandline > img.eco-monolith-emblem {
    display: block;
    flex: 0 0 auto;
    inline-size: auto;
    max-inline-size: 2rem;
    block-size: 2rem;
    aspect-ratio: 399 / 497;
    object-fit: contain;
    object-position: center;
    transform: none;
    filter: none;
}
@media (max-width: 420px) {
    body.application-access .access-brand { flex-basis: 10rem; }
    body.application-access .solutions-hero-emblem > img.eco-monolith-emblem {
        width: 35.32px;
    }
}
/* Same dark-surface compositing used by the approved sidebar.
   Original PNG bytes are unchanged; this is screen-only presentation. */
@supports (mix-blend-mode: lighten) {
    @media screen and (forced-colors: none) {
        /* The masthead is translucent and the hero main is transparent.
           Let the PNGs blend against the painted page/hero, not an empty group. */
        body.application-access .solutions-hero-main { z-index: auto; }
        body.application-access .access-brand > img.eco-account-wordmark {
            filter: contrast(1.3);
            mix-blend-mode: lighten;
        }
        body.application-access .solutions-hero-emblem > img.eco-monolith-emblem,
        .eco-home-v5.eco-home-command .eco-home-command-copy .eco-home-brandline > img.eco-monolith-emblem {
            mix-blend-mode: lighten;
        }
    }
}
@media (forced-colors: active) {
    body.application-access .access-brand > img.eco-account-wordmark,
    body.application-access .solutions-hero-emblem > img.eco-monolith-emblem,
    .eco-home-v5.eco-home-command .eco-home-command-copy .eco-home-brandline > img.eco-monolith-emblem {
        display: none;
    }
    body.application-access .eco-account-brand-contrast {
        display: block;
        color: LinkText;
        font-weight: 700;
    }
}