/* Shared logo uses the original transparent artwork without duplicating its wordmark. */
.chirphop-brand{display:inline-flex!important;align-items:center;flex:none;width:190px;height:44px;line-height:1;vertical-align:middle}
.chirphop-brand .chirphop-logo{display:block!important;width:100%;height:100%;max-width:none}
.chirphop-brand .chirphop-mark{display:none;width:40px;height:36px}
#sidebar .chirphop-brand,#official-sidebar .chirphop-brand{width:164px;height:40px}
#panel .brand>.chirphop-brand{width:180px;height:42px}
#panel .brand{gap:8px}
body.nav-collapsed #sidebar .sidebar-brand,body.nav-collapsed #official-sidebar .sidebar-brand,body.collapsed #panel .brand{flex-direction:column;gap:8px}
body.nav-collapsed #official-sidebar .brand{display:flex}
body.nav-collapsed .chirphop-brand,body.collapsed #panel .chirphop-brand{width:40px;height:36px}
body.nav-collapsed .chirphop-brand .chirphop-logo,body.collapsed #panel .chirphop-brand .chirphop-logo{display:none!important}
body.nav-collapsed .chirphop-brand .chirphop-mark,body.collapsed #panel .chirphop-brand .chirphop-mark{display:block}
@media(max-width:800px){#sidebar .sidebar-brand{flex-direction:column;gap:8px}#sidebar .chirphop-brand{width:40px;height:36px}#sidebar .chirphop-logo{display:none!important}#sidebar .chirphop-mark{display:block}}
@media(max-width:750px){#panel .brand{flex-direction:column;gap:8px}#panel .chirphop-brand{width:40px;height:36px}#panel .chirphop-logo{display:none!important}#panel .chirphop-mark{display:block}}
@media(max-width:800px){#official-sidebar .sidebar-brand{flex-direction:column;gap:8px}#official-sidebar .brand{display:flex}#official-sidebar .chirphop-brand{width:40px;height:36px}#official-sidebar .chirphop-logo{display:none!important}#official-sidebar .chirphop-mark{display:block}}
@media(max-width:540px){header .chirphop-brand{width:150px;height:36px}}

.auth-layout>.intro>.brand{align-self:flex-start;background:#fff;border-radius:12px;padding:6px 12px;box-shadow:0 3px 12px #102c3620}