/* LeadzMania theme-aware brand mark */
.lm-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    max-width: 100%;
}

.lm-brand-mark {
    display: none;
    width: auto;
    max-width: 100%;
    height: 40px;
    object-fit: contain;
}

.lm-brand--sm .lm-brand-mark { height: 28px; }
.lm-brand--md .lm-brand-mark { height: 40px; }
.lm-brand--lg .lm-brand-mark { height: 52px; }
.lm-brand--xl .lm-brand-mark { height: 64px; }
.lm-brand--auth .lm-brand-mark { height: auto; width: min(220px, 72vw); }
.lm-brand--rp .lm-brand-mark { width: min(210px, 62vw); height: auto; }
.lm-brand--sidebar .lm-brand-mark { height: 44px; max-width: 180px; }
.lm-brand--mobile .lm-brand-mark { height: 32px; max-width: 150px; }
.lm-brand--docs .lm-brand-mark { height: 36px; max-width: 170px; }

/* Default / light surfaces: dark-ink wordmark */
.lm-brand--auto .lm-brand-mark--on-light,
.lm-brand--light .lm-brand-mark--on-light {
    display: block;
}

.lm-brand--auto .lm-brand-mark--on-dark,
.lm-brand--light .lm-brand-mark--on-dark {
    display: none;
}

/* Dark theme: white wordmark */
html[data-theme="dark"] .lm-brand--auto .lm-brand-mark--on-light,
body[data-theme="dark"] .lm-brand--auto .lm-brand-mark--on-light,
[data-theme="dark"] .lm-brand--auto .lm-brand-mark--on-light {
    display: none;
}

html[data-theme="dark"] .lm-brand--auto .lm-brand-mark--on-dark,
body[data-theme="dark"] .lm-brand--auto .lm-brand-mark--on-dark,
[data-theme="dark"] .lm-brand--auto .lm-brand-mark--on-dark {
    display: block;
}

/* Forced dark-surface variant */
.lm-brand--dark .lm-brand-mark--on-light { display: none; }
.lm-brand--dark .lm-brand-mark--on-dark { display: block; }

/* Admin sidebar brand wrap: no white plate (logo is theme-aware) */
.gx-logo-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0.15rem 0 !important;
    border-radius: 0 !important;
}

.gx-logo-wrap .lm-brand-mark {
    height: 42px;
    max-width: 190px;
}

.gx-mobile-logo-wrap {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.gx-mobile-logo-wrap .lm-brand-mark,
.gx-mobile-logo.lm-brand .lm-brand-mark,
img.gx-mobile-logo {
    max-height: 32px !important;
    height: 32px;
    width: auto !important;
    object-fit: contain;
    filter: none !important;
}

.gx-cl-brand-logo.lm-brand .lm-brand-mark,
.gx-cl-brand-link .lm-brand--sidebar .lm-brand-mark {
    height: 52px;
    max-width: 190px;
}

.gx-cl-mobile-brand .lm-brand-mark {
    height: 30px;
    max-width: 140px;
}

/* Auth: logo sits on a light card → always use dark-ink mark */
.gx-auth-brand-logo-wrap {
    background: rgba(255, 255, 255, 0.98);
}

.gx-auth-brand-logo-wrap .lm-brand-mark,
.gx-auth-brand-logo.lm-brand .lm-brand-mark {
    height: auto;
    width: min(220px, 72vw);
}

.rp-logo.lm-brand {
    margin: 0 auto 28px;
    display: inline-flex;
}

.rp-logo.lm-brand .lm-brand-mark {
    width: min(210px, 62vw);
    height: auto;
    filter: drop-shadow(0 12px 28px rgba(7, 19, 31, 0.18));
}

[data-theme="dark"] .rp-logo.lm-brand .lm-brand-mark {
    filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.45));
}