/* v1.21.2 brand restore: logo + name */
.topbar .brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:inherit;
}
.topbar .brand-logo{
  width:34px;
  height:34px;
  display:block;
  border-radius:12px;
}
.topbar .brand-text{display:flex;flex-direction:column;line-height:1.12;}
.topbar .brand-name{font-weight:800;font-size:14px;letter-spacing:0.2px;}
.topbar .brand-sub{font-size:12px;opacity:.82;}
@media(max-width:720px){
  .topbar .brand-sub{display:none;}
}

/* UI patch: header userbox layout (2026-01-27) */
.topbar .userbox{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
@media(max-width:720px){
  .topbar .userbox{width:100%;justify-content:flex-start;}
}