/* MS Monitors V41.1 — Header & Brand only
   Scope is intentionally limited to the main header and mobile drawer logo. */

.site-header .nav{
  min-height:88px!important;
  height:88px!important;
  gap:12px!important;
}

.site-header .ms-brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex:0 0 205px!important;
  min-width:205px!important;
  max-width:205px!important;
  padding:4px 0!important;
  overflow:visible!important;
}

.site-header .ms-brand-mark{
  width:66px!important;
  height:66px!important;
  flex:0 0 66px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.site-header .ms-brand-mark img{
  width:66px!important;
  height:66px!important;
  max-width:66px!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 7px 13px rgba(15,23,42,.10))!important;
}

.site-header .ms-brand-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  text-align:right!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}

.site-header .ms-brand-copy strong{
  color:#0f172a!important;
  font-size:17px!important;
  font-weight:900!important;
  letter-spacing:-.35px!important;
}

.site-header .ms-brand-copy small{
  color:#1489bd!important;
  font-size:11px!important;
  font-weight:900!important;
  margin-top:5px!important;
}

@media (min-width:1101px){
  .site-header .menu{
    gap:8px!important;
    padding-inline:2px!important;
  }
  .site-header .menu a{
    font-size:12.5px!important;
    padding-inline:1px!important;
  }
  .site-header .actions{
    gap:6px!important;
  }
  .site-header .actions .btn-small{
    padding:9px 10px!important;
    font-size:12.5px!important;
  }
}

@media (min-width:1101px) and (max-width:1280px){
  .site-header .ms-brand{
    flex-basis:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    gap:7px!important;
  }
  .site-header .ms-brand-mark,
  .site-header .ms-brand-mark img{
    width:58px!important;
    height:58px!important;
    max-width:58px!important;
    flex-basis:58px!important;
  }
  .site-header .ms-brand-copy strong{font-size:15px!important;}
  .site-header .ms-brand-copy small{font-size:9.5px!important;}
}

@media (max-width:1100px){
  .site-header .nav{
    height:76px!important;
    min-height:76px!important;
  }
  .site-header .ms-brand{
    flex:0 0 auto!important;
    min-width:0!important;
    max-width:none!important;
    gap:8px!important;
  }
  .site-header .ms-brand-mark,
  .site-header .ms-brand-mark img{
    width:56px!important;
    height:56px!important;
    max-width:56px!important;
    flex-basis:56px!important;
  }
  .site-header .ms-brand-copy strong{font-size:14px!important;}
  .site-header .ms-brand-copy small{font-size:9px!important;}
  .drawer-head img{
    width:64px!important;
    height:64px!important;
    max-width:64px!important;
    object-fit:contain!important;
  }
}

@media (max-width:560px){
  .site-header .ms-brand-copy{display:flex!important;}
  .site-header .ms-brand-copy strong{font-size:12.5px!important;}
  .site-header .ms-brand-copy small{font-size:8px!important;margin-top:3px!important;}
  .site-header .ms-brand-mark,
  .site-header .ms-brand-mark img{
    width:50px!important;
    height:50px!important;
    max-width:50px!important;
    flex-basis:50px!important;
  }
}