/* D7HS Build 330 — correções do menu e cabeçalho móvel */
@media screen and (max-width:760px){
  body.mobile-main-open{overflow:hidden!important;touch-action:none}
  body.mobile-main-open .app>aside{
    position:fixed!important;
    inset:0 0 0 auto!important;
    width:min(360px,92vw)!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    padding:calc(14px + env(safe-area-inset-top)) 14px calc(28px + env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    scrollbar-width:thin;
    scrollbar-color:#ffffff42 transparent
  }
  .app>aside .nav{display:grid!important;height:auto!important;min-height:max-content!important;padding-bottom:34px!important;overflow:visible!important;touch-action:pan-y!important}
  .app>aside .version{margin-bottom:22px!important}
  .top{
    display:grid!important;
    grid-template-columns:68px minmax(0,1fr)!important;
    grid-template-areas:"logo title" "search search" "status status"!important;
    gap:10px 12px!important;
    align-items:center!important;
    min-height:0!important;
    padding:14px 14px 16px!important;
    padding-right:14px!important
  }
  .top>.mobile-d7hs-logo{
    grid-area:logo!important;
    display:block!important;
    width:68px!important;
    min-width:0!important;
    max-width:68px!important;
    height:36px!important;
    margin:0!important;
    padding:3px 5px!important;
    border-radius:8px!important;
    background-size:contain!important;
    box-shadow:0 3px 10px #03152f35!important
  }
  .top>.mobile-d7hs-logo+div{grid-area:title!important;min-width:0!important;padding-right:48px!important}
  .top>.mobile-d7hs-logo+div h1{overflow:hidden;font-size:18px!important;line-height:1.15!important;text-overflow:ellipsis;white-space:nowrap}
  .top>.mobile-d7hs-logo+div h1:before{margin-bottom:4px!important;font-size:7px!important;white-space:normal}
  .top>.d7hs-client-search{grid-area:search!important;width:100%!important;max-width:none!important;margin:0!important}
  .top>#sync-status{grid-area:status!important;justify-self:center!important;margin:0!important}
  .mobile-main-menu{top:calc(12px + env(safe-area-inset-top))!important;right:12px!important;z-index:130!important}
}
@supports not (height:100dvh){@media screen and (max-width:760px){body.mobile-main-open .app>aside{height:100vh!important;max-height:100vh!important}}}