.dyn-air-picker.dyn-air-has-week-numbers .air-datepicker-body.-days- {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
}

.dyn-air-picker.dyn-air-has-week-numbers .air-datepicker-body--day-names {
  grid-column: 1 / -1;
  grid-template-columns: 2rem repeat(7, minmax(0, 1fr));
}

.dyn-air-picker.dyn-air-has-week-numbers .air-datepicker-body--cells.-days- {
  grid-column: 2;
  grid-row: 2;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.dyn-air-week-number-gutter {
  grid-column: 1;
  grid-row: 2;
  display: grid;
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.dyn-air-week-label,
.dyn-air-week-number {
  display: grid;
  place-items: center;
  color: var(--tblr-secondary-color);
  font-size: .6875rem;
  font-weight: 650;
  line-height: 1;
  user-select: none;
}

.dyn-air-week-label {
  min-height: var(--adp-day-name-height, 18px);
  letter-spacing: .025em;
}

.dyn-air-week-number {
  min-width: 2rem;
  border-right: 1px solid var(--tblr-border-color);
}

.calendar-view .fc .fc-daygrid-week-number {
  display: none;
}

.calendar-view #fullCalendar.dyn-fc-has-week-gutter {
  position: relative;
  padding-left: 2.25rem;
}

.calendar-view #fullCalendar.dyn-fc-has-week-gutter .fc-scrollgrid {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.calendar-view #fullCalendar.dyn-fc-has-week-gutter .fc-scrollgrid > thead > tr > th:first-child,
.calendar-view #fullCalendar.dyn-fc-has-week-gutter .fc-scrollgrid > tbody > tr > td:first-child {
  border-left-color: var(--tblr-border-color);
}

.dyn-fc-week-gutter {
  position: absolute;
  z-index: 4;
  inset: 0 auto 0 0;
  width: 2.25rem;
  border: 1px solid var(--tblr-border-color);
  border-right: 0;
  border-radius: var(--tblr-border-radius) 0 0 var(--tblr-border-radius);
  background: var(--tblr-bg-surface);
  overflow: hidden;
  box-sizing: border-box;
}

.dyn-fc-week-label,
.dyn-fc-week-number {
  position: absolute;
  inset-inline: 0;
  display: grid;
  place-items: center;
  color: var(--tblr-secondary-color);
  font-size: .6875rem;
  font-weight: 700;
  line-height: 1;
}

.dyn-fc-week-label {
  background: var(--tblr-secondary-bg);
  letter-spacing: .025em;
  user-select: none;
}

.dyn-fc-week-number {
  width: 100%;
  padding: 0;
  border: 0;
  border-top: 1px solid var(--tblr-border-color);
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  box-sizing: border-box;
}

.dyn-fc-week-number:hover {
  background: var(--tblr-secondary-bg);
  color: var(--tblr-body-color);
}

.dyn-fc-week-number:focus-visible {
  z-index: 1;
  outline: 2px solid color-mix(in srgb, var(--tblr-primary) 45%, transparent);
  outline-offset: -2px;
}

@media (max-width: 767.98px) {
  .calendar-view #fullCalendar.dyn-fc-has-week-gutter { padding-left: 2rem; }
  .dyn-fc-week-gutter { width: 2rem; }
}