/* Persistent company context alongside My AFS, outside the scrolling page. */
@media screen {
  #appWrapper.top-navigation-layout .axon-header-account-group {
    grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;
    justify-content:flex-end;gap:16px;min-width:0;
  }
  .axon-header-company-context {display:flex;align-items:center;gap:14px;min-width:0;color:#F4F8FF;font-size:12px;}
  #appWrapper .axon-header-company-context #topbarCurrency {
    color:#DCEEFF!important;background:rgba(255,255,255,.09)!important;
    border:1px solid rgba(255,255,255,.18);padding:6px 9px;white-space:nowrap;
    font-family:var(--font);font-size:11.5px;
  }
  #axonHeaderFinancialYear {color:#F4F8FF;white-space:nowrap;font-size:12px;line-height:1.4;}
  .axon-header-account-group .top-navigation-account {flex-shrink:0;}
  @media(max-width:1150px) and (min-width:901px) {
    #appWrapper.top-navigation-layout > .sb {grid-template-columns:66px minmax(160px,230px) 1fr;gap:0 12px;}
    .axon-header-account-group {gap:10px!important;}
    .axon-header-company-context {gap:10px;}
    #axonHeaderFinancialYear {font-size:11px;}
  }
  @media(max-width:900px) {
    #appWrapper.top-navigation-layout > .sb {grid-template-columns:58px minmax(0,1fr);gap:0 10px;}
    #appWrapper.top-navigation-layout .axon-header-account-group {grid-column:1/-1;grid-row:2;width:100%;padding:2px 0 8px;gap:12px;}
    #appWrapper.top-navigation-layout .sb-nav {grid-row:3;}
    .axon-header-company-context {gap:10px;}
    #appWrapper .axon-header-company-context #topbarCurrency {font-size:11px;}
    #axonHeaderFinancialYear {font-size:11px;}
  }
  @media(max-width:450px) {
    #appWrapper.top-navigation-layout .axon-header-account-group {gap:8px;}
    .axon-header-company-context {gap:7px;}
    #appWrapper .axon-header-company-context #topbarCurrency {font-size:10px;padding:5px 6px;}
    #axonHeaderFinancialYear {font-size:10px;}
  }
}