/* ============================================================================
 * Money Track — brand logo image sizing.
 *
 * The brand mark used to be a CSS text wordmark; it is now the real logo PNG.
 * These rules size the <img class="mt-logo-img"> inside each brand anchor.
 * Static-fallback pattern: served from /public so it renders even when the
 * Vite bundle is stale. Hardcoded values, no token dependency.
 * ============================================================================ */

.mt-logo-img {
    width: auto;
    max-width: 100%;
    display: block;
    -webkit-user-select: none;
    user-select: none;
}

/* Marketing top bar */
.guest-brand .mt-logo-img { height: 44px; }

/* Marketing dark footer (uses the on-dark white variant) */
.mt-footer-brand .mt-logo-img { height: 48px; }

/* Authed app — desktop sidebar + mobile drawer */
.app-sidebar-brand .mt-logo-img { height: 42px; }
.app-drawer-brand .mt-logo-img { height: 40px; }

/* Auth (login / register) panel */
.auth-brand-block .mt-logo-img { height: 60px; margin: 0 auto; }

@media (max-width: 480px) {
    .guest-brand .mt-logo-img { height: 38px; }
    .auth-brand-block .mt-logo-img { height: 50px; }
}