/* SIAPIYA_GLOBAL_QUICK_NAVIGATION_V37049
   Global Shell & Navigation UX Wave 2 — Quick Access & Navigation Efficiency.
   Permission-safe client-side menu search, recent pages, and domain shortcuts. */

#dashboardApp .siapiya-quick-nav{
  position:relative;
  margin-inline-start:auto;
}

#dashboardApp .siapiya-quick-nav-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.38rem;
  min-width:2.75rem;
  min-height:2.75rem;
  border:1px solid var(--siapiya-shell-border);
  border-radius:.78rem;
  background:var(--bs-body-bg);
  color:var(--bs-body-color);
}

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

#dashboardApp .siapiya-quick-nav-button > span{
  font-size:.76rem;
  font-weight:750;
}

#dashboardApp .siapiya-quick-nav-panel{
  width:min(26rem,calc(100vw - 1.25rem));
  max-height:min(76vh,38rem);
  padding:.68rem;
  overflow:auto;
  border-color:var(--siapiya-shell-border);
  border-radius:.92rem;
  box-shadow:0 .8rem 2.4rem rgba(15,23,42,.14);
}

#dashboardApp .siapiya-quick-nav-search-wrap{
  position:sticky;
  top:-.68rem;
  z-index:3;
  padding:.68rem 0 .54rem;
  background:var(--bs-body-bg);
}

#dashboardApp .siapiya-quick-nav-search{
  min-height:2.8rem;
  padding-inline-start:2.45rem;
  border-radius:.72rem;
}

#dashboardApp .siapiya-quick-nav-search-icon{
  position:absolute;
  inset-inline-start:.78rem;
  top:50%;
  transform:translateY(-50%);
  color:var(--bs-secondary-color);
  pointer-events:none;
}

#dashboardApp .siapiya-quick-nav-result-status{
  min-height:1rem;
  margin-top:.28rem;
  color:var(--bs-secondary-color);
  font-size:.65rem;
}

#dashboardApp .siapiya-quick-nav-section{
  display:grid;
  gap:.32rem;
  margin-top:.62rem;
}

#dashboardApp .siapiya-quick-nav-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  margin:0;
  color:var(--siapiya-shell-muted);
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
}

#dashboardApp .siapiya-quick-nav-list{
  display:grid;
  gap:.28rem;
}

#dashboardApp .siapiya-quick-nav-item{
  display:grid;
  grid-template-columns:1.85rem minmax(0,1fr) auto;
  gap:.52rem;
  align-items:center;
  width:100%;
  min-height:3.15rem;
  padding:.46rem .52rem;
  border:1px solid transparent;
  border-radius:.68rem;
  background:transparent;
  color:var(--bs-body-color);
  text-align:left;
}

#dashboardApp .siapiya-quick-nav-item:hover{
  border-color:var(--siapiya-shell-border);
  background:var(--bs-tertiary-bg);
}

#dashboardApp .siapiya-quick-nav-item > i:first-child{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.85rem;
  height:1.85rem;
  border-radius:.58rem;
  background:color-mix(in srgb,var(--bs-primary-bg-subtle) 54%,var(--bs-body-bg));
  color:var(--bs-primary);
  font-size:.9rem;
}

#dashboardApp .siapiya-quick-nav-item > span{
  display:grid;
  min-width:0;
}

#dashboardApp .siapiya-quick-nav-item b{
  overflow:hidden;
  font-size:.78rem;
  font-weight:750;
  line-height:1.28;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#dashboardApp .siapiya-quick-nav-item small{
  overflow:hidden;
  margin-top:.08rem;
  color:var(--bs-secondary-color);
  font-size:.65rem;
  line-height:1.22;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#dashboardApp .siapiya-quick-nav-chevron{
  color:var(--bs-border-color);
  font-size:.72rem;
}

#dashboardApp .siapiya-quick-nav-item.is-recent > i:first-child{
  background:color-mix(in srgb,var(--bs-info-bg-subtle) 58%,var(--bs-body-bg));
  color:var(--bs-info-text-emphasis);
}

#dashboardApp .siapiya-quick-nav-item.is-search-result > i:first-child{
  background:color-mix(in srgb,var(--bs-success-bg-subtle) 52%,var(--bs-body-bg));
  color:var(--bs-success-text-emphasis);
}

#dashboardApp .siapiya-quick-nav-empty,
#dashboardApp .siapiya-quick-nav-empty-inline{
  color:var(--bs-secondary-color);
  font-size:.72rem;
  line-height:1.4;
}

#dashboardApp .siapiya-quick-nav-empty{
  display:flex;
  align-items:center;
  gap:.45rem;
  min-height:3.2rem;
  padding:.55rem;
  border:1px dashed var(--siapiya-shell-border);
  border-radius:.68rem;
}

#dashboardApp .siapiya-quick-nav-empty-inline{
  padding:.38rem .1rem;
}

/* Keyboard */
#dashboardApp :is(
  .siapiya-quick-nav-button,
  .siapiya-quick-nav-item,
  .siapiya-quick-nav-search
):focus-visible{
  outline:3px solid color-mix(in srgb,var(--bs-primary) 55%,transparent);
  outline-offset:2px;
  box-shadow:none!important;
}

/* Dark mode */
[data-bs-theme="dark"] #dashboardApp .siapiya-quick-nav-panel,
[data-bs-theme="dark"] #dashboardApp .siapiya-quick-nav-search-wrap{
  background:var(--bs-body-bg);
}

[data-bs-theme="dark"] #dashboardApp .siapiya-quick-nav-panel{
  box-shadow:0 .9rem 2.4rem rgba(0,0,0,.3);
}

/* Mobile */
@media (max-width:767.98px){
  #dashboardApp .siapiya-quick-nav-button{
    min-width:2.8rem;
    min-height:2.8rem;
    padding:.35rem;
  }

  #dashboardApp .siapiya-quick-nav-button > span{
    display:none;
  }

  #dashboardApp .siapiya-quick-nav-panel{
    position:fixed!important;
    top:4.1rem!important;
    right:.6rem!important;
    left:.6rem!important;
    width:auto;
    max-height:calc(100dvh - 10rem);
    transform:none!important;
  }

  #dashboardApp .siapiya-quick-nav-item{
    min-height:3.3rem;
  }
}

@media (max-width:420px){
  #dashboardApp .siapiya-quick-nav-panel{
    right:.45rem!important;
    left:.45rem!important;
    padding:.58rem;
  }

  #dashboardApp .siapiya-quick-nav-search-wrap{
    top:-.58rem;
    padding-top:.58rem;
  }

  #dashboardApp .siapiya-quick-nav-item{
    grid-template-columns:1.75rem minmax(0,1fr) auto;
    gap:.44rem;
    padding:.42rem .44rem;
  }

  #dashboardApp .siapiya-quick-nav-item > i:first-child{
    width:1.75rem;
    height:1.75rem;
  }
}

/* High contrast */
@media (forced-colors:active){
  #dashboardApp :is(
    .siapiya-quick-nav-button,
    .siapiya-quick-nav-panel,
    .siapiya-quick-nav-item,
    .siapiya-quick-nav-empty
  ){
    border-color:CanvasText;
  }

  #dashboardApp :is(
    .siapiya-quick-nav-button,
    .siapiya-quick-nav-item,
    .siapiya-quick-nav-search
  ):focus-visible{
    outline:3px solid Highlight;
  }

  #dashboardApp .siapiya-quick-nav-item > i:first-child{
    color:CanvasText;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  #dashboardApp .siapiya-quick-nav-panel,
  #dashboardApp .siapiya-quick-nav-item,
  #dashboardApp .siapiya-quick-nav-button{
    transition:none!important;
    scroll-behavior:auto!important;
  }
}