/* NetNavi mobile header shell v1.2 */
@media(max-width:900px){
  .utility-bar .shell,
  .site-header .shell{
    width:calc(100% - 32px)!important;
    max-width:1120px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  .site-header .header-inner{
    width:100%!important;
  }

  /* Mobile menu is CLOSED unless JavaScript explicitly adds .open. */
  .site-header .header-actions{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .site-header .header-actions.open{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

@media(max-width:640px){
  .utility-bar{
    overflow:hidden!important;
  }
  .utility-bar .shell{
    width:calc(100% - 24px)!important;
  }
  .utility-bar-inner{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:0!important;
    width:100%!important;
    min-height:0!important;
    padding:10px 0!important;
  }
  .utility-group{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  .utility-group:first-child,
  .utility-group:last-child{
    padding-left:0!important;
    padding-right:0!important;
  }
  .utility-group::after{
    display:none!important;
  }
  .utility-key{
    flex:0 0 auto!important;
    font-size:.58rem!important;
  }
  .utility-group a,
  .utility-group>span:last-child{
    display:inline!important;
    min-width:0!important;
    overflow:visible!important;
    color:#f8fbff!important;
    font-size:.66rem!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }

  .site-header .shell{
    width:calc(100% - 24px)!important;
  }
  .site-header .header-inner{
    min-height:76px!important;
    height:76px!important;
    gap:12px!important;
  }
  .site-header .brand{
    min-width:0!important;
    gap:10px!important;
  }
  .site-header .brand img{
    width:46px!important;
    height:46px!important;
    flex:0 0 46px!important;
  }
  .site-header .brand strong{
    font-size:1.08rem!important;
    white-space:nowrap!important;
  }
  .site-header .brand small{
    margin-top:4px!important;
    font-size:.66rem!important;
    white-space:nowrap!important;
  }
  .site-header .menu-toggle{
    flex:0 0 auto!important;
    min-height:40px!important;
    padding:8px 12px!important;
  }

  /* Dropdown panel sits below the header and never shows until Menu is tapped. */
  .site-header .header-actions{
    top:100%!important;
    right:-12px!important;
    left:-12px!important;
    width:auto!important;
    margin:0!important;
    padding:8px 12px 12px!important;
    border-top:1px solid #edf1f5!important;
    border-bottom:1px solid #dde5ee!important;
    background:#fff!important;
    box-shadow:0 14px 28px rgba(20,32,51,.12)!important;
  }
  .site-header .header-actions.open{
    display:flex!important;
  }
  .site-header .header-actions>a{
    display:flex!important;
    width:100%!important;
    min-height:42px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:10px 12px!important;
    border:0!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#536175!important;
  }
  .site-header .header-actions>a:hover{
    background:#f6f8fb!important;
    color:#142033!important;
  }
  .site-header .header-actions .header-status-link{
    min-height:42px!important;
    padding:10px 12px!important;
    border:0!important;
    background:#fff!important;
  }
  .site-header .header-actions .header-client-link,
  .site-header .header-actions>a.header-client-link:link,
  .site-header .header-actions>a.header-client-link:visited{
    justify-content:center!important;
    min-height:44px!important;
    margin-top:6px!important;
    border:1px solid #1769e0!important;
    background:#1769e0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
}