/* TKM transparent logo integration — the artwork stays unfiltered and unchanged. */
.brand img,
.drawer-head img,
.footer-logo img,
.auth-side img,
.admin-sidebar__brand img,
.mod-brand img {
    background: transparent !important;
    border-radius: 0 !important;
    object-fit: contain;
}

.brand img {
    width: 74px !important;
    height: 68px !important;
    filter: none !important;
}

.brand { min-width: 92px !important; }
.brand-monogram { display: none !important; }
.brand--homepage img { display: block !important; }
.site-header.compact .brand img { width: 64px !important; height: 59px !important; }

/* Dark surfaces use a soft, borderless light field instead of a baked-in white rectangle. */
.drawer-head,
.admin-sidebar__brand,
.mod-brand {
    position: relative;
    isolation: isolate;
}

.drawer-head::before,
.admin-sidebar__brand::before,
.mod-brand::before {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
    background: radial-gradient(ellipse at center, rgba(255,255,255,.98) 0%, rgba(250,248,242,.88) 46%, rgba(250,248,242,.28) 66%, rgba(250,248,242,0) 78%);
}

.drawer-head > *,
.admin-sidebar__brand > *,
.mod-brand > * { position: relative; z-index: 1; }

.drawer-head::before { left: -20px; top: -15px; width: 165px; height: 132px; }
.drawer-head img {
    width: 112px !important;
    height: 103px !important;
    max-width: calc(100% - 58px);
    filter: none !important;
}

.footer-logo,
.site-footer--refined .footer-logo {
    width: 146px !important;
    height: 122px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.footer-logo img,
.site-footer--refined .footer-logo img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    filter: none !important;
}

.auth-side {
    background-color: var(--navy, #071b3a);
    background-image: radial-gradient(ellipse 260px 230px at 235px 34%, rgba(255,255,255,.98) 0%, rgba(250,248,242,.86) 52%, rgba(250,248,242,0) 76%);
}

.auth-side img {
    width: min(320px, 82%) !important;
    height: auto !important;
    margin-bottom: 36px !important;
    filter: drop-shadow(0 16px 28px rgba(0,0,0,.12)) !important;
}

.admin-sidebar__brand {
    width: 106px;
    min-height: 92px;
    padding: 0 !important;
    display: grid !important;
    place-items: center;
    overflow: visible;
}

.admin-sidebar__brand::before { inset: -10px -22px; }
.admin-sidebar__brand img {
    width: 92px !important;
    height: 85px !important;
    margin: 0 !important;
    filter: none !important;
}

.admin-body.admin-sidebar-collapsed .admin-sidebar__brand {
    width: 50px;
    min-height: 64px;
}

.admin-body.admin-sidebar-collapsed .admin-sidebar__brand::before { inset: -5px -14px; }
.admin-body.admin-sidebar-collapsed .admin-sidebar__brand img {
    width: 52px !important;
    height: 55px !important;
    object-position: center !important;
}

.mod-brand-row { min-height: 78px; height: auto !important; }
.mod-brand {
    width: 96px !important;
    height: 76px !important;
    overflow: visible;
}

.mod-brand::before { inset: -10px -20px; }
.mod-brand img {
    width: 82px !important;
    height: 76px !important;
    padding: 0 !important;
    filter: none !important;
}

@media (max-width: 620px) {
    .brand { min-width: 62px !important; }
    .brand img,
    .site-header.compact .brand img {
        width: 54px !important;
        height: 50px !important;
    }

    .footer-logo,
    .site-footer--refined .footer-logo {
        width: 138px !important;
        height: 116px !important;
    }
}