/* Small, equal account badges aligned to the outer edges of the header.
   Symmetrical columns keep BCM 4CC centred independently of the name. */
#app>.app-title-banner.r31-compact-header{
    box-sizing:border-box;height:52px;min-height:52px;margin-bottom:0;
    display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;gap:8px;padding:0 12px;
}
.r31-header-brand{display:flex;justify-content:center;line-height:1;white-space:nowrap}
#app>.r31-compact-header .r13-brand{font-size:21px;letter-spacing:-.65px}
#app>.r31-compact-header .r31-header-entry,
#app>.r31-compact-header .r31-header-switch{
    box-sizing:border-box;width:78px;max-width:100%;min-width:0;height:28px;min-height:28px;
    margin:0;padding:3px 5px;border:1px solid #425069;border-radius:7px;
    background:#243249;color:#eef4fc;font-family:inherit;font-size:10px;
    font-weight:800;line-height:1.3;text-align:center;overflow:hidden;
    display:flex;align-items:center;justify-content:center;
}
.r31-header-entry>span{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#app>.r31-compact-header .r31-header-entry{justify-self:start}
#app>.r31-compact-header .r31-header-switch{justify-self:end;position:relative;overflow:visible;cursor:pointer}
/* Retain a comfortable 44px touch target without enlarging the visible box. */
.r31-header-switch::after{content:"";position:absolute;inset:-8px 0}
.r31-header-switch:focus-visible{outline:3px solid #c8f060;outline-offset:2px}
#app>.r31-compact-header+.r21-home-destinations{margin-top:8px}
#app>.r31-compact-header+.v25-week-hub{margin-top:8px}
@media(max-width:350px){
    #app>.app-title-banner.r31-compact-header{gap:7px;padding:0 10px}
    #app>.r31-compact-header .r13-brand{font-size:19px}
    #app>.r31-compact-header .r31-header-entry,
    #app>.r31-compact-header .r31-header-switch{font-size:10px}
}