/* ─── Brand chrome – wordmark + co-brand logos in the app header/sidebar ─────── */
/* Loaded globally so it is always present, independent of per-page stylesheets. */

/* Canonical brand colors — single source of truth, used everywhere. */
:root {
    --brand-nxtm: #3c519e;
    --brand-nxtm-dark: #2c3d77;
    --brand-nxtlx: #01bf81;
    --brand-nxtlx-dark: #018f60;
}

/* Highlight pill — the rotated primary "marker" used on the login headline
   and the home hero name. */
.text-highlight-pill {
    display: inline-block;
    font-style: normal;
    background: var(--bs-primary);
    color: #fff;
    border-radius: 8px;
    padding: 0.08em 0.4em 0.04em;
    transform: rotate(-2.5deg);
    position: relative;
    top: -0.05em;
}

.auth-aside-wordmark {
    font-size: 1.625rem;
}

/* Sidebar variant — narrower context */
#kt_app_sidebar_logo .auth-aside-wordmark {
    font-size: 2rem;
}

#kt_app_sidebar_logo .auth-cobrand-logo {
    height: 10px;
    max-width: 56px;
    line-height: 1;
    letter-spacing: -0.02em;
    text-decoration: none;
}

#kt_app_header .auth-cobrand-logo {
    height: 7px;
    max-width: 40px;
}

#kt_app_header .auth-aside-wordmark {
    font-size: 1.1rem;
}

.auth-aside-wordmark strong {
    font-weight: 700;
    color: #181c32;
    margin-right: 0.2em;
}

.auth-aside-wordmark span {
    font-weight: 400;
    color: #7e8299;
}

.auth-cobrand-logo {
    height: 14px;
    width: auto;
    max-width: 80px;
    object-fit: contain;
    filter: brightness(0);
    opacity: 0.4;
    transition: filter 0.2s ease, opacity 0.2s ease;
}