/* LevelUp v23 — nieruchomy watermark panelu klientów.
   Logo należy do całej karty, a nie do przewijanej listy. */

.dashboardView .clientPanel {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden;
}

/* Stała warstwa logo — nie porusza się podczas scrollowania wierszy. */
.dashboardView .clientPanel::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  bottom: 7.5%;
  width: clamp(235px, 22vw, 330px);
  aspect-ratio: 1.25 / 1;
  transform: translateX(-50%);
  background: url("/assets/levelup-watermark.png") center / contain no-repeat;
  opacity: 0.065;
  pointer-events: none;
  user-select: none;
}

/* Cała zawartość panelu pozostaje nad watermarkiem. */
.dashboardView .clientPanel > * {
  position: relative;
  z-index: 1;
}

/* Wyłączamy wszystkie starsze wersje logo przypięte do scrollowanej listy. */
.dashboardView .tableBody,
.dashboardView .clientTable .tableBody {
  background-image: none !important;
  background-color: transparent !important;
  background-position: initial !important;
  background-repeat: initial !important;
  background-size: initial !important;
  background-attachment: initial !important;
}

.dashboardView .tableBody::before,
.dashboardView .clientTable .tableBody::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Wiersze pozostają czytelne na tle logo. */
.dashboardView .clientRow {
  background: rgba(16, 16, 20, 0.72);
}

.dashboardView .clientRow:hover {
  background: rgba(20, 20, 25, 0.9);
}

/* Przy małej liczbie klientów logo siedzi w pustej dolnej części panelu. */
.dashboardView .tableBody:not(.balancedRows) {
  min-height: 0;
}

/* Menu akcji nadal może wyjść poza kartę. */
.dashboardView .clientPanel:has(.rowModuleMenu.floating) {
  overflow: visible !important;
}

@media (max-width: 1180px) {
  .dashboardView .clientPanel::before {
    bottom: 8%;
    width: clamp(205px, 27vw, 275px);
    opacity: 0.06;
  }
}

@media (max-width: 920px) {
  .dashboardView .clientPanel::before {
    bottom: 6%;
    width: min(230px, 58vw);
    opacity: 0.05;
  }
}