/* BC v2.99.210 – outlet-only top month selector. Never applies to Master Admin. */
body.app-outlet .app-context-bar.bc210-outlet-header{
  gap:9px!important;box-sizing:border-box!important;justify-content:space-between!important;
}
body.app-outlet .app-context-bar.bc210-outlet-header>.context-brand{flex:0 0 auto!important}
body.app-outlet .app-context-bar.bc210-outlet-header>div:not(.profile-menu){
  flex:1 1 auto!important;min-width:0!important;margin-right:0!important;
}
body.app-outlet .app-context-bar.bc210-outlet-header>div:not(.profile-menu)>strong{
  white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;
}
body.app-outlet .app-context-bar.bc210-outlet-header .bc210-month-form{
  position:relative;display:flex;align-items:center;flex:0 1 370px;min-width:110px;
  margin:0!important;padding:0!important;max-width:100%;background:transparent!important;border:0!important;
}
body.app-outlet .bc210-month-form .bc210-month-label{
  position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;
  clip-path:inset(50%)!important;white-space:nowrap!important;
}
body.app-outlet .bc210-month-form select{
  display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:51px!important;min-height:51px!important;box-sizing:border-box!important;
  margin:0!important;padding:0 32px 0 43px!important;appearance:none!important;-webkit-appearance:none!important;
  background:linear-gradient(180deg,#fffaf4 0%,#fff2e5 75%,#f3dfc2 100%)!important;
  color:#51061d!important;border:2px solid #c99b47!important;border-radius:19px!important;
  box-shadow:0 4px 0 #b78031,0 7px 11px rgba(87,40,10,.15)!important;
  font:700 clamp(13px,1.55vw,21px)/1.1 Calibri,Arial,sans-serif!important;
  text-align:center!important;text-align-last:center!important;cursor:pointer!important;
}
body.app-outlet .bc210-month-form select:focus-visible{outline:3px solid #f3bc46!important;outline-offset:3px}
body.app-outlet .bc210-month-form .bc210-month-icon{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none;
  color:#780022;display:inline-flex;align-items:center;justify-content:center;z-index:2;
}
body.app-outlet .bc210-month-form .bc210-month-icon svg{width:20px;height:20px}
body.app-outlet .bc210-month-form .bc210-month-chevron{
  position:absolute;right:15px;top:48%;height:9px;width:9px;border-right:3px solid #690c27;
  border-bottom:3px solid #690c27;transform:translateY(-50%) rotate(45deg);pointer-events:none;z-index:2;
}
body.app-outlet .bc210-month-form[aria-busy="true"]{opacity:.72;pointer-events:none}
/* Keep the utility icons the user explicitly retained in the header screenshot. */
body.app-outlet .app-context-bar.bc210-outlet-header .context-refresh-button,
body.app-outlet .app-context-bar.bc210-outlet-header .notification-bell,
body.app-outlet .app-context-bar.bc210-outlet-header .profile-menu{flex-shrink:0!important}
@media(max-width:760px){
  body.app-outlet .app-context-bar.bc210-outlet-header{gap:6px!important;padding:8px!important;margin:8px 10px!important}
  body.app-outlet .bc210-month-form select{height:39px!important;min-height:39px!important;font-size:14px!important;padding-left:28px!important;padding-right:24px!important;border-radius:13px!important}
  body.app-outlet .bc210-month-form .bc210-month-icon{left:8px}
  body.app-outlet .bc210-month-form .bc210-month-icon svg{width:15px;height:15px}
  body.app-outlet .bc210-month-form .bc210-month-chevron{right:9px;height:7px;width:7px;border-width:2px}
}
@media(max-width:430px){
  body.app-outlet .app-context-bar.bc210-outlet-header{
    display:grid!important;grid-template-columns:38px minmax(0,1fr) repeat(3,34px)!important;
    grid-template-rows:38px 41px!important;gap:6px!important;align-items:center!important;
  }
  body.app-outlet .app-context-bar.bc210-outlet-header>.context-brand{grid-column:1;grid-row:1}
  body.app-outlet .app-context-bar.bc210-outlet-header>div:not(.profile-menu){grid-column:2;grid-row:1;min-width:0!important}
  body.app-outlet .app-context-bar.bc210-outlet-header>.context-refresh-button{grid-column:3;grid-row:1}
  body.app-outlet .app-context-bar.bc210-outlet-header>.notification-bell{grid-column:4;grid-row:1}
  body.app-outlet .app-context-bar.bc210-outlet-header>.profile-menu{grid-column:5;grid-row:1}
  body.app-outlet .app-context-bar.bc210-outlet-header>.bc210-month-form{
    grid-column:1 / -1;grid-row:2;max-width:100%!important;width:100%!important;min-width:0!important;
    justify-self:stretch!important;
  }
  body.app-outlet .bc210-month-form select{font-size:16px!important}
}
