/* Period controls stay below the sticky application header while the page scrolls. */
.period-picker {
  z-index: 10 !important;
}

/* The expanded bundle lives inside a very wide analytics table. Keep its content
   attached to the visible viewport instead of stretching over the full table. */
.analytics-v2-table .glue-detail {
  position: sticky;
  left: 0;
  box-sizing: border-box;
  width: min(1320px, calc(100vw - 304px));
  max-width: calc(100vw - 304px);
}

.analytics-v2-table .glue-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 1050px) {
  .analytics-v2-table .glue-detail {
    width: calc(100vw - 32px);
    max-width: calc(100vw - 32px);
    padding-left: 16px;
  }

  .analytics-v2-table .glue-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .analytics-v2-table .glue-kpis {
    grid-template-columns: 1fr !important;
  }
}