/* P127: sidebar menu layout repair */
.praisi-sidebar,
.account-sidebar,
.app-sidebar {
  overflow-x: hidden !important;
}

.praisi-sidebar .side-nav,
.account-sidebar .side-nav,
.app-sidebar .side-nav,
.praisi-sidebar nav,
.account-sidebar nav,
.app-sidebar nav {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.praisi-sidebar .side-nav a,
.account-sidebar .side-nav a,
.app-sidebar .side-nav a,
.praisi-sidebar nav a,
.account-sidebar nav a,
.app-sidebar nav a,
.praisi-sidebar .logout-link,
.account-sidebar .logout-link,
.app-sidebar .logout-link {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: normal !important;
  text-align: left !important;
}

.praisi-sidebar .side-nav a span:not(.nav-icon),
.account-sidebar .side-nav a span:not(.nav-icon),
.app-sidebar .side-nav a span:not(.nav-icon),
.praisi-sidebar nav a span:not(.nav-icon),
.account-sidebar nav a span:not(.nav-icon),
.app-sidebar nav a span:not(.nav-icon) {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.praisi-sidebar .nav-icon,
.account-sidebar .nav-icon,
.app-sidebar .nav-icon {
  flex: 0 0 auto !important;
}

.praisi-sidebar .nav-section,
.account-sidebar .nav-section,
.app-sidebar .nav-section {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.praisi-sidebar [class*="menu"],
.praisi-sidebar [class*="nav"],
.account-sidebar [class*="menu"],
.account-sidebar [class*="nav"],
.app-sidebar [class*="menu"],
.app-sidebar [class*="nav"] {
  min-width: 0 !important;
}

@media (min-width: 900px) {
  .praisi-sidebar,
  .account-sidebar,
  .app-sidebar {
    width: 272px !important;
    min-width: 272px !important;
    max-width: 272px !important;
  }
}