/* Login background and announcement/brand spacing: no structural changes */
#login.login{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
@media(max-width:850px){
  #announcementBar[data-position="top"]{top:max(2px,env(safe-area-inset-top))!important;height:30px!important}
  #announcementBar[data-position="top"]~#login .mobileBrand{top:calc(max(2px,env(safe-area-inset-top)) + 34px)!important}
  #announcementBar[data-position="top"]~#login .auth{padding-top:calc(max(2px,env(safe-area-inset-top)) + 86px)!important}
}
/* Mailbox popover: compact, anchored, clickable and above page content */
#appMailboxPanel.appMailboxPanel{width:min(226px,calc(100vw - 18px))!important;max-width:226px!important;z-index:2147483000!important;position:fixed!important}
#appMailboxPanel .appMailboxItem{cursor:pointer!important;pointer-events:auto!important;min-height:40px!important}
#appMailboxPanel .appMailboxActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
#appMailboxPanel .appMailboxActions .btn{min-width:0!important;padding:8px 7px!important}
#toast{z-index:2147483647!important}
#quickMailboxModal{z-index:2147483400!important}
@media(max-width:850px){#appMailboxPanel.appMailboxPanel{width:min(218px,calc(100vw - 16px))!important;max-width:218px!important}}