.shell .header__logo {
  height: calc(var(--header-height) - 2rem);
  background-size: contain;
}

/* slightly shifting the logo to the top for better visual vertical alignment */
@media screen and (min-width: 768.65px) {
  .shell .header__logo {
    transform: translateY(-4px);
  }
}
/* aligning the left edge of the logo according to the padding-left of the sidebar menu items */
@media screen and (min-width: 1440px) {
  .shell .header__logo {
    /* menu-item's padding-left (1.5rem) minus header's padding-left (1rem) */
    margin-left: 0.5rem;
  }
}
.static-header .static-header-logo {
  /* make the parent's paddings smaller to fill the freed space with an enlarged logo image */
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  /* slightly shifting the logo to the top for better visual vertical alignment */
  transform: translateY(-0.15rem);
}

.shell-panelmenu.p-panelmenu {
  .p-panelmenu-panel {
    box-shadow: none;
  }
}

.p-dropdown.shell-dropdown .p-dropdown-label {
  color: var(--text-color);
}