/* Sidebar Menu - Logo Fixed, Menu Scrollable */
.app-menu.navbar-menu {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}

.navbar-brand-box {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

#scrollbar {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

/* Button Icon and Label Alignment - Force proper horizontal alignment */
.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  line-height: 1.5 !important;
  gap: 10px !important;
}

.btn i,
.btn [class^="ph-"],
.btn [class*=" ph-"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 !important;
  height: 1em !important;
  width: auto !important;
  position: relative !important;
  top: 0 !important;
  transform: none !important;
  vertical-align: middle !important;
  margin: 0 !important;
}

/* Override Bootstrap margin classes for icons in buttons */
.btn i.me-1,
.btn i.me-2,
.btn [class^="ph-"].me-1,
.btn [class^="ph-"].me-2,
.btn [class*=" ph-"].me-1,
.btn [class*=" ph-"].me-2 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* Make sure text content aligns properly */
.btn > span,
.btn > *:not(i):not([class^="ph-"]):not([class*=" ph-"]) {
  display: inline-block;
  vertical-align: middle;
  line-height: inherit;
}

/*# sourceMappingURL=custom.min.css.map */