/* AccountScope HQ branding — final single-source header/logo/icon pass. */
#accountscopeTopbar .brand-link{display:flex!important;align-items:center!important;flex:0 0 auto!important;min-width:0!important;text-decoration:none!important}
#accountscopeTopbar .brand-logo{display:block!important;width:190px!important;min-width:190px!important;max-width:190px!important;height:auto!important;max-height:44px!important;object-fit:contain!important;object-position:left center!important;image-rendering:auto!important}
#accountscopeTopbar .notification-bell{position:relative!important;display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;box-sizing:border-box!important;border:1px solid #d9e4f0!important;border-radius:12px!important;background:#fff!important;color:#1268df!important;box-shadow:0 2px 8px rgba(30,65,120,.05)!important;filter:none!important;overflow:visible!important}
#accountscopeTopbar .notification-bell .nav-icon{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;margin:0!important;padding:0!important;color:#1268df!important;background:transparent!important;filter:none!important}
#accountscopeTopbar .notification-bell .nav-icon svg{display:block!important;width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important;fill:none!important;stroke:#1268df!important;color:#1268df!important;stroke-width:1.9!important;filter:none!important}
#accountscopeTopbar .notification-count{position:absolute!important;top:-4px!important;right:-4px!important;z-index:5!important;min-width:16px!important;width:auto!important;height:16px!important;padding:0 3px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid #fff!important;border-radius:999px!important;background:#ef3340!important;color:#fff!important;font:800 8px/12px Arial,sans-serif!important;box-sizing:border-box!important}
#accountscopeTopbar .wallet-chip{filter:none!important}
#accountscopeTopbar .menu-toggle{filter:none!important}
@media(max-width:700px){
  #accountscopeTopbar,#accountscopeTopbar.homepage-topbar{height:64px!important;min-height:64px!important;padding:0 10px!important;gap:6px!important}
  #accountscopeTopbar .brand-link{height:52px!important;min-width:0!important;flex:1 1 auto!important}
  #accountscopeTopbar .brand-logo{width:155px!important;min-width:155px!important;max-width:155px!important;height:auto!important;max-height:34px!important}
  #accountscopeTopbar .nav-right{gap:6px!important}
  #accountscopeTopbar .notification-bell{flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;border-radius:12px!important}
  #accountscopeTopbar .notification-bell .nav-icon{width:24px!important;height:24px!important}
  #accountscopeTopbar .notification-bell .nav-icon svg{width:23px!important;height:23px!important}
  #accountscopeTopbar .wallet-chip{width:104px!important;min-width:104px!important;height:42px!important;min-height:42px!important;border-radius:12px!important}
  #accountscopeTopbar .menu-toggle{flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;border-radius:12px!important}
}
@media(max-width:380px){
  #accountscopeTopbar .brand-logo{width:132px!important;min-width:132px!important;max-width:132px!important;max-height:31px!important}
  #accountscopeTopbar .notification-bell{flex-basis:40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  #accountscopeTopbar .wallet-chip{width:92px!important;min-width:92px!important;height:40px!important;min-height:40px!important}
  #accountscopeTopbar .menu-toggle{flex-basis:40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
}

/* HQ final mobile header fix: prevent the wide wordmark from colliding with controls. */
#accountscopeTopbar .brand-link{min-width:0!important;overflow:hidden!important}
#accountscopeTopbar .brand-logo{width:190px!important;min-width:190px!important;max-width:190px!important;height:auto!important;flex:0 0 auto!important}
#accountscopeTopbar .brand-logo-mobile{display:none!important}
@media(max-width:700px){
  #accountscopeTopbar .brand-link{flex:0 1 auto!important;width:clamp(132px,calc(100vw - 210px),170px)!important;max-width:clamp(132px,calc(100vw - 210px),170px)!important;height:42px!important;overflow:hidden!important}
  #accountscopeTopbar .brand-logo{display:none!important}
  #accountscopeTopbar .brand-logo-mobile{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:34px!important;object-fit:contain!important;object-position:left center!important}
}
@media(max-width:380px){
  #accountscopeTopbar .brand-link{width:clamp(120px,calc(100vw - 205px),140px)!important;max-width:clamp(120px,calc(100vw - 205px),140px)!important}
}


/* Single navbar logo source: picture swaps source by viewport; never render two logo images. */
#accountscopeTopbar .brand-picture{display:flex!important;align-items:center!important;flex:0 0 auto!important;min-width:0!important;height:100%!important;line-height:0!important}
#accountscopeTopbar .brand-picture .brand-logo{display:block!important}
#accountscopeTopbar .brand-logo-mobile{display:none!important}
@media(max-width:700px){
  #accountscopeTopbar .brand-picture{width:100%!important;max-width:100%!important;overflow:hidden!important}
  #accountscopeTopbar .brand-picture .brand-logo{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:34px!important;object-fit:contain!important;object-position:left center!important}
}