/* Make sure all right-side topbar buttons fit on a phone so the gear is never clipped. */
@media(max-width:430px){
  .v372-topbar{
    grid-template-columns:40px 72px 58px 54px 66px 27px 27px 27px!important;
    gap:2px!important;
    padding:5px 3px!important;
    min-height:56px!important;
  }
  .v372-menu{width:38px!important;height:42px!important;font-size:23px!important}
  .v372-logo strong{font-size:14px!important}
  .v372-logo span{font-size:7px!important;margin-left:3px!important}
  .v372-logo em{font-size:4.8px!important;margin-left:3px!important}
  .v372-res{
    height:38px!important;
    grid-template-columns:12px minmax(0,1fr) 13px!important;
    gap:1px!important;
    padding:2px!important;
  }
  .v372-res .ico{font-size:10px!important}
  .v372-res small{font-size:3.6px!important}
  .v372-res b{font-size:6.9px!important}
  .v372-plus{width:13px!important;min-width:13px!important;height:21px!important;font-size:12px!important}
  .v372-iconbtn{width:25px!important;height:29px!important;min-width:25px!important;font-size:13px!important}
}

/* The real settings dropdown is portaled to body; position it below the gear. */
body > #v141SettingsMenu.v377-open{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:fixed!important;
  top:58px!important;
  right:4px!important;
  left:auto!important;
  width:min(330px,calc(100vw - 8px))!important;
  max-width:calc(100vw - 8px)!important;
  height:auto!important;
  max-height:calc(100vh - 66px)!important;
  overflow-y:auto!important;
  transform:none!important;
  z-index:2147483640!important;
  pointer-events:auto!important;
}

@media(max-width:430px){
  body > #v141SettingsMenu.v377-open{top:56px!important}
}

/* The historical settings button remains hidden; the topbar gear owns opening now. */
#v141SettingsBtn{display:none!important}