/* Hide every brief entry until the server has verified access, including footer CTAs. */
[data-brief-link][hidden],[data-brief-only][hidden]{display:none!important}
.page-client header .topnav.with-about:not([data-account-nav="ready"]){grid-template-columns:repeat(2,minmax(0,1fr));width:332px}
.page-client header .topnav.with-about:not([data-account-nav="ready"])::before{width:calc((100% - 12px)/2)}
.page-client header .topnav.with-about:not([data-account-nav="ready"]).invoice-active::before{transform:translateX(calc(100% + 4px))}
.page-client header .topnav.with-about:not([data-account-nav="ready"]).about-active::before{transform:translateX(0)}
@media(max-width:760px){.page-client header .topnav.with-about:not([data-account-nav="ready"]){width:100%}}
/* No guessed destination while permissions or the page are loading. */
.page-client header .topnav.with-about:not([data-navigation-ready="true"])::before{opacity:0;transition:none}
.page-client header .topnav.with-about:not([data-navigation-ready="true"]) .navbtn.active{color:#a09ba8;text-shadow:0 1px 2px #000b}
.page-client header .topnav.with-about[data-account-checking="true"]{visibility:hidden}
/* Measure the visible buttons once; animate only an intentional tab change. */
.page-client header .topnav.with-about[data-navigation-managed="true"][data-navigation-ready="true"]::before{
 opacity:1;width:var(--navigation-width);transform:translateX(var(--navigation-x));transition:none;will-change:transform;
}
.page-client header .topnav.with-about[data-navigation-managed="true"][data-navigation-ready="true"][data-navigation-motion="smooth"]::before{
 transition:transform .95s cubic-bezier(.4,0,.2,1),width .95s cubic-bezier(.4,0,.2,1);
}
.page-client header .topnav.with-about[data-navigation-managed="true"] .navbtn{transition:none}
.page-client header .topnav.with-about[data-navigation-motion="smooth"] .navbtn{transition:color .95s cubic-bezier(.4,0,.2,1),transform .18s ease}
@media(prefers-reduced-motion:reduce){.page-client header .topnav.with-about[data-navigation-managed="true"][data-navigation-ready="true"][data-navigation-motion="smooth"]::before{transition:none}}
@media(prefers-reduced-motion:reduce){.page-client header .topnav.with-about[data-navigation-managed="true"] .navbtn{transition:none}}