/* Horizontal brand: preserve full image and responsive aspect ratio. */
.zx-brand-logo{display:inline-flex!important;align-items:center;justify-content:center;width:200px!important;height:70px!important;max-width:100%;flex:0 1 200px;line-height:0;border:0!important;background:transparent!important;filter:none!important}
.zx-brand-logo>img{display:block!important;position:static!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;filter:none!important}
.brand-mark{filter:none!important;width:auto!important;height:auto!important;flex-shrink:1!important}.brand>.brand-copy,.brand>span:not(.brand-mark):not(.zx-brand-logo){display:none!important}
.logo{width:min(300px,100%)!important;height:105px!important;margin:0 auto 12px!important}.logo .zx-brand-logo{width:100%!important;height:100%!important}
@media(max-width:400px){.topbar .zx-brand-logo,header .zx-brand-logo{width:160px!important;height:56px!important;flex-basis:160px}.topbar .brand{gap:0!important}}

/* Override legacy circular-logo rules with their full specificity. */
body .app .brand-mark,body .app .topbar .brand-mark{width:200px!important;height:70px!important;min-width:0!important;min-height:0!important;flex:0 1 200px!important;overflow:visible!important;border-radius:0!important;background:transparent!important;border:0!important;display:flex!important}
body .app .brand-mark .zx-brand-logo{width:100%!important;height:100%!important;flex:1 1 auto!important}
body .app .brand-mark .zx-brand-logo>img,body.zx-theme .auth-wrap .brand .logo .zx-brand-logo>img{object-fit:contain!important;transform:none!important;clip-path:none!important;-webkit-clip-path:none!important;border-radius:0!important;max-width:100%!important}
@media(max-width:430px){body .app .topbar .brand-mark{width:180px!important;height:63px!important;flex-basis:180px!important}.topbar .top-left{min-width:0}.topbar .brand{min-width:0}}

/* Responsive picture keeps the original header dimensions. */
.zx-brand-logo>picture{display:block;width:100%;height:100%;line-height:0}
.zx-brand-logo>picture>img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;filter:none!important}