/* LevelUp v52 — Centrum dowodzenia na pełną szerokość, bez prawego raila. */

/* Prawa kolumna nie jest już częścią dashboardu. Nadpisujemy również starsze
   hotfixy V24/V40/V51, które potrafiły wymusić display:flex !important. */
.dashboardView .rightRail,
.dashboardView .lu-v24-side-rail,
.dashboardView .lu-v40-side-rail,
.dashboardView .lu-v41-side-rail,
.dashboardView .lu-v51-side-rail,
.rightRail.lu-v24-side-rail,
.lu-v24-side-rail.lu-v51-side-rail {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Jedna główna kolumna — panel klientów wykorzystuje całą dostępną szerokość. */
.dashboardView .workspaceGrid,
.dashboardView .lu-v39-main-grid,
.dashboardView .lu-v40-main-grid,
.dashboardView .lu-v41-main-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  column-gap: 0 !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.dashboardView .clientPanel,
.dashboardView .lu-v39-client-panel,
.dashboardView .lu-v40-client-panel,
.dashboardView .lu-v41-client-panel {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  justify-self: stretch !important;
}

/* Na szerokim ekranie wykorzystujemy odzyskane miejsce na czytelniejsze dane,
   zamiast zostawiać wielkie puste przestrzenie między komórkami. */
@media (min-width: 1181px) {
  .dashboardView .tableHeader,
  .dashboardView .clientRow {
    grid-template-columns:
      30px
      minmax(190px, 1.22fr)
      minmax(225px, 1.42fr)
      minmax(220px, 1.30fr)
      minmax(125px, .72fr)
      110px !important;
    gap: clamp(10px, 1vw, 18px) !important;
  }

  .dashboardView .panelToolbar {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .dashboardView .tableHeader,
  .dashboardView .clientRow {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .dashboardView .searchBox {
    width: clamp(230px, 20vw, 310px) !important;
  }
}

@media (min-width: 1500px) {
  .dashboardView .tableHeader,
  .dashboardView .clientRow {
    grid-template-columns:
      32px
      minmax(220px, 1.28fr)
      minmax(270px, 1.55fr)
      minmax(250px, 1.40fr)
      minmax(150px, .78fr)
      118px !important;
  }
}