/* SIAPIYA_TOPBAR_ACTION_RECONCILIATION_V37053
   Legacy/new topbar action reconciliation hotfix.
   Quick Access + Account are the primary user actions.
   Legacy global search and page-help/info are intentionally retired from topbar. */

#dashboardApp #appTopbar #siapiyaGlobalSearchButton,
#dashboardApp #appTopbar .siapiya-page-help{
  display:none!important;
}

/* Both legacy and compact action zones use one visual contract.
   JS moves Quick Access + Account into the active legacy zone when it exists. */
#dashboardApp #appTopbar :is(.siapiya-topbar-actions,.topbar-actions){
  align-items:center;
  gap:.32rem;
}

#dashboardApp #appTopbar .siapiya-topbar-actions{
  display:flex;
  flex:0 0 auto;
  min-width:0;
}

#dashboardApp #appTopbar .siapiya-topbar-actions > :is(
  .siapiya-quick-nav,
  .dropdown:has(#accountMenuButton)
){
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  margin:0!important;
}

#dashboardApp #appTopbar :is(#quickNavButton,#accountMenuButton){
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Quick Access should read as a feature, not as the retired generic search button. */
#dashboardApp #quickNavButton{
  color:var(--bs-primary);
  border-color:color-mix(in srgb,var(--bs-primary) 30%,var(--siapiya-shell-border));
  background:color-mix(in srgb,var(--bs-primary-bg-subtle) 42%,var(--bs-body-bg));
}

#dashboardApp #quickNavButton:hover,
#dashboardApp #quickNavButton[aria-expanded="true"]{
  color:var(--bs-primary-text-emphasis);
  border-color:color-mix(in srgb,var(--bs-primary) 52%,var(--siapiya-shell-border));
  background:color-mix(in srgb,var(--bs-primary-bg-subtle) 72%,var(--bs-body-bg));
}

#dashboardApp #accountMenuButton{
  border-color:var(--siapiya-shell-border);
  background:var(--bs-body-bg);
}

/* If the original compact wrapper becomes empty after adoption, keep it out of layout. */
#dashboardApp #appTopbar .topbar-actions[hidden]{
  display:none!important;
}

/* Preserve legacy status/action-center controls but keep Quick Access + Account visually last. */
#dashboardApp #appTopbar .siapiya-topbar-actions > .siapiya-quick-nav{
  order:90;
}

#dashboardApp #appTopbar .siapiya-topbar-actions > .dropdown:has(#accountMenuButton){
  order:100;
}

@media (max-width:767.98px){
  #dashboardApp #appTopbar .siapiya-topbar-actions{
    gap:.24rem;
    max-width:calc(100% - 7rem);
  }

  #dashboardApp #appTopbar .siapiya-topbar-actions > :not(
    .siapiya-quick-nav,
    .dropdown:has(#accountMenuButton),
    #siapiyaActionCenterButton,
    [data-siapiya-network-state],
    .siapiya-network-status,
    .siapiya-connectivity
  ){
    flex:0 0 auto;
  }

  #dashboardApp #quickNavButton,
  #dashboardApp #accountMenuButton{
    width:2.55rem;
    min-width:2.55rem;
    height:2.55rem;
    min-height:2.55rem;
    padding:.25rem;
    border-radius:.72rem;
  }

  #dashboardApp #quickNavButton > span,
  #dashboardApp #accountMenuButton .account-meta,
  #dashboardApp #accountMenuButton > .bi-chevron-down{
    display:none!important;
  }

  #dashboardApp #accountMenuButton .account-avatar{
    width:1.9rem;
    height:1.9rem;
    flex-basis:1.9rem;
  }
}

@media (max-width:420px){
  #dashboardApp #appTopbar .siapiya-topbar-actions{
    gap:.18rem;
  }

  #dashboardApp #quickNavButton,
  #dashboardApp #accountMenuButton{
    width:2.45rem;
    min-width:2.45rem;
    height:2.45rem;
    min-height:2.45rem;
  }
}

[data-bs-theme="dark"] #dashboardApp #quickNavButton{
  background:color-mix(in srgb,var(--bs-primary-bg-subtle) 28%,var(--bs-body-bg));
}

@media (forced-colors:active){
  #dashboardApp #quickNavButton,
  #dashboardApp #accountMenuButton{
    border-color:CanvasText;
  }

  #dashboardApp #quickNavButton{
    color:LinkText;
  }
}

@media (prefers-reduced-motion:reduce){
  #dashboardApp #quickNavButton,
  #dashboardApp #accountMenuButton{
    transition:none!important;
  }
}