/* Final mobile More-sheet header and close placement */
@media(max-width:760px){
  .mobile-umwe-float,.mobile-more-close{display:none!important}
  .sidebar.drawer{padding-top:94px!important}
  .sidebar.drawer .sidebar-top{position:absolute!important;left:16px!important;right:14px!important;top:14px!important;height:66px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important;padding:0 0 10px!important;border-bottom:1px solid rgba(255,255,255,.14)!important;z-index:6!important}
  .sidebar.drawer .sidebar-top>.umwe-logo{display:none!important}
  .mobile-more-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
  .mobile-more-brand img{width:38px!important;height:38px!important;object-fit:contain!important;flex:0 0 auto!important}
  .mobile-more-brand div{display:grid!important;line-height:1!important;text-align:left!important}
  .mobile-more-brand strong{font-size:17px!important;line-height:1.05!important;font-weight:850!important;letter-spacing:.07em!important;color:#f8fbfe!important;text-shadow:0 1px 1px rgba(0,0,0,.12)!important}
  .mobile-more-brand small{margin-top:5px!important;font-size:9px!important;line-height:1!important;font-weight:800!important;letter-spacing:.20em!important;text-transform:uppercase!important;color:#b9c9d6!important}
  .mobile-more-brand em{margin-top:7px!important;font-size:10px!important;line-height:1.1!important;font-style:normal!important;font-weight:600!important;letter-spacing:.01em!important;color:#a9bdcc!important}
  .sidebar.drawer .drawer-close{position:absolute!important;right:0!important;top:6px!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:50%!important;background:rgba(255,255,255,.10)!important;color:#f3f8fc!important;box-shadow:0 6px 18px rgba(0,0,0,.12)!important;cursor:pointer!important;z-index:8!important}
  .sidebar.drawer .drawer-close svg{stroke:currentColor!important}
  .sidebar.drawer .drawer-close:active{transform:scale(.94)!important}
  .sidebar.drawer nav{border-top:0!important;padding-top:13px!important}
  /* The mobile More sheet stays dark in both app themes, so its header stays light too. */
  html[data-theme="light"] .mobile-more-brand strong{color:#f8fbfe!important}
  html[data-theme="light"] .mobile-more-brand small{color:#c0cfda!important}
  html[data-theme="light"] .mobile-more-brand em{color:#b2c5d2!important}
  html[data-theme="light"] .sidebar.drawer .sidebar-top{border-bottom-color:rgba(255,255,255,.14)!important}
  html[data-theme="light"] .sidebar.drawer .drawer-close{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.12)!important;color:#f3f8fc!important}
}