/* Hide React bundle logo (broken /app/assets path) — real logo is CSS ::before */
aside.w-56 > div.flex.items-center.justify-between > img[alt="Influnet"],
aside.w-16 > div.flex.items-center.justify-between > img[alt="Influnet"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

aside.w-56 > div.flex.items-center.justify-between,
aside.w-16 > div.flex.items-center.justify-between,
aside.infl-sidebar--expanded > div.flex.items-center.justify-between,
aside.infl-sidebar--collapsed > div.flex.items-center.justify-between {
  min-height: 2.5rem;
  align-items: center;
}

/* Expanded sidebar — full wordmark */
aside.w-56 > div.flex.items-center.justify-between::before,
aside.infl-sidebar--expanded:not(.w-16) > div.flex.items-center.justify-between::before {
  content: "";
  display: block;
  width: 8.75rem;
  height: 2.5rem;
  flex-shrink: 0;
  margin-right: 0.25rem;
  background: url("/Asset/Influnet-LOGO/black-logo.png") no-repeat left center / contain;
}

/* Collapsed sidebar — icon only (w-16 wins over expanded helpers) */
aside.w-16 > div.flex.items-center.justify-between::before,
aside.infl-sidebar--collapsed > div.flex.items-center.justify-between::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  margin-right: 0;
  background: url("/Asset/Influnet-LOGO/Black-Icon.png") no-repeat center / contain;
}

aside.w-56.infl-sidebar--expanded > div.flex.items-center.justify-between::before {
  width: 8.75rem;
  height: 2.5rem;
  background-image: url("/Asset/Influnet-LOGO/black-logo.png");
}