/* SIAPIYA_TOPBAR_COMPACT_CONTEXT_V37052
   Topbar Compact Context Hotfix.
   Page title first, workspace context second, actions grouped.
   Visual/markup only; navigation and permission authority unchanged. */

#dashboardApp #appTopbar{
  min-height:3.9rem;
  padding:.46rem .8rem;
  gap:.7rem;
  align-items:center;
  background:color-mix(in srgb,var(--bs-body-bg) 97%,var(--bs-tertiary-bg));
  border-bottom:1px solid var(--siapiya-shell-border);
}

/* Left: page identity gets the majority of horizontal space. */
#dashboardApp .topbar-title-wrap{
  display:flex;
  align-items:center;
  flex:1 1 auto;
  gap:.62rem;
  min-width:0;
  overflow:hidden;
}

#dashboardApp .topbar-title-wrap > .min-w-0{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}

#dashboardApp .topbar-brand-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 2.3rem;
  width:2.3rem;
  height:2.3rem;
  border:1px solid color-mix(in srgb,var(--bs-primary) 18%,var(--siapiya-shell-border));
  border-radius:.68rem;
  background:color-mix(in srgb,var(--bs-primary-bg-subtle) 56%,var(--bs-body-bg));
  color:var(--bs-primary);
  font-size:1rem;
}

#dashboardApp .topbar-page-title{
  overflow:hidden;
  margin:0;
  color:var(--bs-body-color);
  font-size:1.06rem;
  font-weight:800;
  line-height:1.18;
  letter-spacing:-.014em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Generic product subtitle duplicated context and made the bar unnecessarily tall. */
#dashboardApp .topbar-page-subtitle{
  display:none!important;
}

#dashboardApp .topbar-breadcrumb{
  display:flex;
  align-items:center;
  gap:.24rem;
  min-width:0;
  margin-top:.18rem;
  color:var(--bs-secondary-color);
  font-size:.64rem;
  line-height:1.2;
}

#dashboardApp .topbar-breadcrumb #topbarWorkspaceLabel{
  overflow:hidden;
  max-width:11.5rem;
  color:var(--bs-primary);
  font-weight:760;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#dashboardApp .topbar-breadcrumb #topbarBreadcrumbPage{
  overflow:hidden;
  max-width:14rem;
  color:var(--bs-secondary-color);
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#dashboardApp .topbar-breadcrumb > i{
  color:var(--bs-border-color);
  font-size:.56rem;
}

/* Right: global actions behave as one compact unit. */
#dashboardApp .topbar-actions{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:.38rem;
  min-width:0;
}

#dashboardApp .topbar-actions > .dropdown{
  margin:0;
}

#dashboardApp .topbar-actions :is(
  .siapiya-quick-nav-button,
  #accountMenuButton
){
  min-height:2.65rem;
  border-color:var(--siapiya-shell-border);
  border-radius:.7rem;
  background:var(--bs-body-bg);
}

#dashboardApp .topbar-actions :is(
  .siapiya-quick-nav-button,
  #accountMenuButton
):hover{
  border-color:color-mix(in srgb,var(--bs-primary) 28%,var(--siapiya-shell-border));
  background:var(--bs-tertiary-bg);
}

#dashboardApp .topbar-actions .dropdown-toggle::after{
  display:none;
}

#dashboardApp .siapiya-quick-nav{
  margin-inline-start:0;
}

#dashboardApp .siapiya-quick-nav-button{
  padding:.42rem .62rem;
}

#dashboardApp #accountMenuButton{
  gap:.42rem;
  padding:.3rem .48rem;
}

#dashboardApp #accountMenuButton > .bi-chevron-down{
  margin-inline-start:0!important;
  color:var(--bs-secondary-color);
  font-size:.68rem;
}

#dashboardApp .account-avatar{
  flex:0 0 2rem;
  width:2rem;
  height:2rem;
  font-size:.72rem;
}

#dashboardApp #accountMenuButton .account-meta{
  max-width:9.5rem;
}

#dashboardApp #accountMenuButton .account-name{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#dashboardApp #accountMenuButton .account-role{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Large tablets/laptops: keep only icons in action cluster before title starts truncating. */
@media (max-width:1199.98px){
  #dashboardApp .siapiya-quick-nav-button > span{
    display:none;
  }

  #dashboardApp .siapiya-quick-nav-button{
    width:2.65rem;
    padding:.35rem;
  }

  #dashboardApp #accountMenuButton .account-meta{
    max-width:7.5rem;
  }
}

/* Mobile: one compact identity + two actions.
   Breadcrumb no longer repeats the page title. */
@media (max-width:767.98px){
  #dashboardApp #appTopbar{
    min-height:3.62rem;
    padding:.42rem max(.56rem,env(safe-area-inset-right)) .42rem max(.56rem,env(safe-area-inset-left));
    gap:.42rem;
  }

  #dashboardApp .topbar-title-wrap{
    gap:0;
  }

  #dashboardApp .topbar-brand-icon{
    display:none!important;
  }

  #dashboardApp .topbar-page-title{
    max-width:none;
    font-size:.98rem;
    line-height:1.16;
  }

  #dashboardApp .topbar-breadcrumb{
    margin-top:.14rem;
    font-size:.6rem;
  }

  #dashboardApp .topbar-breadcrumb #topbarWorkspaceLabel{
    max-width:100%;
    color:var(--bs-secondary-color);
    font-weight:720;
    letter-spacing:.018em;
  }

  #dashboardApp .topbar-breadcrumb > i,
  #dashboardApp .topbar-breadcrumb #topbarBreadcrumbPage{
    display:none;
  }

  #dashboardApp .topbar-actions{
    gap:.28rem;
  }

  #dashboardApp .topbar-actions :is(
    .siapiya-quick-nav-button,
    #accountMenuButton
  ){
    width:2.55rem;
    min-width:2.55rem;
    height:2.55rem;
    min-height:2.55rem;
    padding:.25rem;
    border-radius:.72rem;
  }

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

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

  #dashboardApp .siapiya-quick-nav-button > i{
    font-size:1rem;
  }

  #dashboardApp .siapiya-quick-nav-panel,
  #dashboardApp .account-dropdown-menu{
    margin-top:.32rem!important;
  }
}

@media (max-width:420px){
  #dashboardApp #appTopbar{
    padding-inline:max(.48rem,env(safe-area-inset-left)) max(.48rem,env(safe-area-inset-right));
    gap:.32rem;
  }

  #dashboardApp .topbar-page-title{
    font-size:.94rem;
  }

  #dashboardApp .topbar-breadcrumb{
    font-size:.57rem;
  }

  #dashboardApp .topbar-actions :is(
    .siapiya-quick-nav-button,
    #accountMenuButton
  ){
    width:2.45rem;
    min-width:2.45rem;
    height:2.45rem;
    min-height:2.45rem;
  }
}

/* Dark */
[data-bs-theme="dark"] #dashboardApp #appTopbar{
  background:color-mix(in srgb,var(--bs-body-bg) 96%,var(--bs-tertiary-bg));
}

/* High contrast */
@media (forced-colors:active){
  #dashboardApp .topbar-brand-icon,
  #dashboardApp .topbar-actions :is(.siapiya-quick-nav-button,#accountMenuButton){
    border-color:CanvasText;
  }

  #dashboardApp .topbar-breadcrumb #topbarWorkspaceLabel{
    color:LinkText;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  #dashboardApp #appTopbar,
  #dashboardApp .topbar-actions :is(.siapiya-quick-nav-button,#accountMenuButton){
    transition:none!important;
  }
}