/* Rhodium admin branding — light/dark logo swap */

.brand-logo-img--dark {
    display: none !important;
}

[data-theme="dark"] .brand-logo-img--light,
body.dark-mode .brand-logo-img--light {
    display: none !important;
}

[data-theme="dark"] .brand-logo-img--dark,
body.dark-mode .brand-logo-img--dark {
    display: inline-block !important;
}

.brand-image--icon {
    display: none;
}

@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .brand-link .brand-logo-img--light,
    .sidebar-mini.sidebar-collapse .brand-link .brand-logo-img--dark {
        display: none !important;
    }

    .sidebar-mini.sidebar-collapse .brand-link .brand-image--icon {
        display: block !important;
        max-height: 38px;
        max-width: 38px;
        margin-inline: auto;
    }
}

.footer-logo.brand-logo-img--light,
.footer-logo.brand-logo-img--dark {
    height: 22px;
    width: auto;
    object-fit: contain;
}

.form-logo.brand-logo-img--light,
.form-logo.brand-logo-img--dark {
    max-width: 200px;
    max-height: 110px;
    object-fit: contain;
    margin: 0 auto 0.75rem;
}

.form-logo.brand-logo-img--light {
    display: block;
}

.auth-page-logo.brand-logo-img--light,
.auth-page-logo.brand-logo-img--dark {
    max-width: 240px;
    max-height: 56px;
    margin: 0 auto 1.25rem;
    object-fit: contain;
}

.auth-page-logo.brand-logo-img--light {
    display: block;
}

.register-logo .brand-logo-img--light,
.register-logo .brand-logo-img--dark {
    display: block;
    max-width: 180px;
    max-height: 110px;
    margin: 0 auto 0.75rem;
    object-fit: contain;
}

[data-theme="dark"] .register-logo .brand-logo-img--dark,
body.dark-mode .register-logo .brand-logo-img--dark {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
}

[data-theme="dark"] .form-logo.brand-logo-img--dark,
body.dark-mode .form-logo.brand-logo-img--dark,
[data-theme="dark"] .auth-page-logo.brand-logo-img--dark,
body.dark-mode .auth-page-logo.brand-logo-img--dark {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
}

.login-brand-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    object-fit: contain;
}