#app:not(.public-app) .side .brand{display:flex;align-items:center;gap:10px;min-width:0}
#app:not(.public-app) .side .brand-logo{display:block;flex:0 0 54px;width:54px;height:54px;padding:0!important;border:0!important;outline:0!important;border-radius:15px;background:transparent!important;box-shadow:none!important;object-fit:contain;filter:drop-shadow(0 6px 11px #00111f70)}
#app:not(.public-app) .side .brand .obraativa-brand-mark{border:0!important;box-shadow:0 9px 24px #0007!important}
#app:not(.public-app) .side .brand-text{min-width:0}
#app:not(.public-app) .top .obraativa-mobile-top-logo{display:block;width:50px;height:50px;padding:0!important;border:0!important;background:transparent!important;object-fit:contain;box-shadow:none!important;filter:drop-shadow(0 5px 9px #071d2d35)}
@media(max-width:1024px){#app:not(.public-app) .side .brand-logo{flex-basis:48px;width:48px;height:48px;border-radius:13px}#app:not(.public-app) .top .obraativa-mobile-top-logo{width:46px;height:46px}}
@media(max-width:760px){#app:not(.public-app) .top .obraativa-mobile-top-logo{width:44px;height:44px}}

/* Uma só imagem oficial, inclusive quando há configuração antiga de logo. */
html body #app#app:not(.public-app) .side .brand.brand .obraativa-brand-mark{display:none!important}
html body #app#app:not(.public-app) .side .brand.brand .brand-logo{display:block!important;flex-shrink:0!important}
@media(min-width:761px) and (max-width:1024px), (orientation:landscape) and (max-width:1024px) and (max-height:600px){
  html body #app#app:not(.public-app) .side .brand.brand .brand-logo{width:38px!important;height:38px!important;flex:0 0 38px!important}
  html body #app#app:not(.public-app) .side .brand.brand .brand-text{display:block!important;width:100%!important;margin-top:3px!important;text-align:center!important}
  html body #app#app:not(.public-app) .side .brand.brand .brand-text small{display:none!important}
  html body #app#app:not(.public-app) .side .brand.brand .brand-text span{display:block!important;font-size:11px!important;line-height:1.2!important;white-space:nowrap!important}
  html body #app#app:not(.public-app) .top .obraativa-mobile-top-logo{display:none!important}
  html body #app#app:not(.public-app) .top .top-brand{padding-left:0!important}
}