/* V9.7: header brand icon replacement; no other layouts or business logic changed. */
.topbar .logo-symbol{
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  padding:0;
  border:0;
  flex:0 0 52px;
  border-radius:14px;
  background:transparent;
  box-shadow:none;
  overflow:hidden;
}
.topbar .logo-symbol .brand-icon-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:none;
}
@media (max-width:700px){
  .topbar .logo-symbol{width:44px;height:44px;flex-basis:44px;border-radius:12px;}
}
@media (max-width:380px){
  .topbar .logo-symbol{width:40px;height:40px;flex-basis:40px;border-radius:11px;}
}