/* Community CRM admin sidebar fixes */
.layout-menu .app-brand {
  min-height: 72px;
  padding-right: 1rem;
}

.layout-menu .app-brand-link {
  min-width: 0;
  width: 100%;
  overflow: hidden;
}

.layout-menu .app-brand-logo {
  flex: 0 0 auto;
}

.layout-menu .app-brand-text.crm-brand-text {
  color: #566a7f;
  font-size: 1.35rem;
  line-height: 1.2;
  letter-spacing: -0.02rem;
  text-transform: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.layout-menu .menu-header {
  margin-top: 0.75rem;
  padding-top: 0.35rem;
}

.layout-menu .menu-link {
  min-height: 42px;
  align-items: center;
}

.layout-menu .menu-link > div {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25;
}

.layout-menu .menu-sub .menu-link {
  min-height: 38px;
  font-size: 0.9rem;
}

.layout-menu .menu-icon {
  flex: 0 0 auto;
}

.layout-menu .menu-sub .menu-item.active:not(.open) > .menu-link,
.layout-menu .menu-sub .menu-item.active > .menu-link > div {
  font-size: 0.9rem;
  font-weight: 400;
}

/* Keep submenu typography identical when a child item is active. */
.layout-menu.menu-vertical .menu-sub .menu-item.active:not(.open) > .menu-link,
.layout-menu.menu-vertical .menu-sub .menu-item.active:not(.open) > .menu-link > div,
.layout-menu .menu-sub .menu-item.active > .menu-link,
.layout-menu .menu-sub .menu-item.active > .menu-link > div {
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
}