/* Sidebar menu alignment — loaded from /public so git deploys apply without npm run build. */

.layout-menu.menu-vertical .menu-inner {
  padding-top: 0.5rem !important;
}

.layout-menu.menu-vertical .menu-item .menu-link {
  display: flex;
  align-items: center;
  height: auto;
  min-height: 38px;
}

.layout-menu.menu-vertical .menu-item .menu-link > .menu-icon,
.layout-menu.menu-vertical .menu-item .menu-link > i {
  flex: 0 0 1.375rem;
  width: 1.375rem;
  min-width: 1.375rem;
  height: 1.375rem;
  margin-top: 0;
  margin-inline-end: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 1.375rem;
  text-align: center;
}

.layout-menu.menu-vertical .menu-item .menu-link > div:not(.badge) {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding-inline-end: 0.25rem;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  line-height: 1.3;
  word-break: break-word;
}

.layout-menu-collapsed:not(.layout-menu-hover) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-link > div:not(.badge) {
  white-space: nowrap;
  overflow: hidden;
}