/* PAPE Sidebar (index only) */
.app-shell{ display:flex; min-height:100vh; }
.app-sidebar{
  width: 220px;
  background: var(--bs-tertiary-bg);
  border-right: 1px solid var(--bs-border-color);
}
.app-sidebar .brand{
  padding: 18px 16px 10px;
}
.app-sidebar .brand .title{ font-weight:900; letter-spacing:.02em; }
.app-sidebar .nav-link{
  border-radius: 12px;
  padding: 10px 12px;
  color: var(--bs-body-color);
}
.app-sidebar .nav-link:hover{
  background: color-mix(in srgb, var(--bs-primary) 10%, transparent);
}
.app-sidebar .nav-link.active{
  background: color-mix(in srgb, var(--bs-primary) 16%, transparent);
  font-weight: 600;
}
.app-sidebar .nav-group{ padding: 0 12px 12px; }
.app-sidebar .side-footer{
  margin-top:auto;
  padding: 12px 12px 16px;
  border-top: 1px solid var(--bs-border-color);
}
.app-main{ flex:1; min-width:0; }
.topbar{
  position: sticky;
  top: 0;
  z-index: 1020;
}
.offcanvas .app-sidebar{ width: 100%; border-right: 0; }


/* Mobile offcanvas width */
#sidebarOffcanvas{ --bs-offcanvas-width: 240px; }