/* Vue mois : une seule barre continue pour les missions sur plusieurs jours. */
.month-grid.pc-month-grid-merged {
  position: relative;
}

.week-head.pc-week-head-merged,
.month-grid.pc-month-grid-merged {
  grid-template-columns: 42px repeat(7, minmax(0, 1fr));
  min-width: 902px;
}

.pc-week-head-merged > span:first-child,
.pc-month-week-number {
  color: #52687d;
  background: #eef3f7;
  text-align: center;
  font-weight: 800;
}

.pc-month-week-number {
  z-index: 3;
  display: grid;
  place-items: center;
  border-right: 1px solid #ccd8e4;
  border-bottom: 1px solid var(--line);
}

.pc-month-grid-merged > .day {
  z-index: 1;
}

.cal-event.pc-month-span {
  z-index: 5;
  align-self: start;
  position: relative;
  width: auto;
  margin: 0 2px;
}

/* Les événements regroupés gardent une seule ligne et combinent les
   couleurs des agendas concernés dans le fond de la mission. */
.cal-event.pc-month-grouped,
.cal-event.pc-month-multicolor {
  color: #ffffff;
  background: var(--month-event-gradient);
}

.cal-event.pc-month-grouped.timed,
.cal-event.pc-month-multicolor.timed {
  grid-template-columns: 25px minmax(0, 1fr);
}

.cal-event.pc-month-grouped.all-day,
.cal-event.pc-month-multicolor.all-day {
  grid-template-columns: minmax(0, 1fr);
}

.cal-event.pc-month-grouped > i,
.cal-event.pc-month-multicolor > i {
  display: none;
}

.cal-event.pc-month-grouped > strong,
.cal-event.pc-month-multicolor > strong {
  color: #ffffff;
  text-shadow: none;
}

.day > .calendar-more.pc-month-more {
  z-index: 6;
  position: absolute;
  right: 4px;
  bottom: 3px;
  left: 4px;
  width: auto;
  margin: 0;
}

/* Première colonne de la vue tableau : numéro ISO de la semaine. */
.planning-table .week-col {
  z-index: 14;
  position: sticky;
  left: 0;
  width: 42px;
  min-width: 42px;
  color: #52687d;
  background: #eef3f7;
  border-right: 1px solid #ccd8e4;
  border-bottom: 1px solid var(--line);
  text-align: center;
  vertical-align: middle;
  font-weight: 800;
}

.planning-table .date-col {
  left: 42px;
}

/* Lisibilité renforcée sans modifier la hauteur des boutons. */
.cell-actions .hours-button:not(.filled) > strong,
.day-hours:not(.filled) {
  font-size: 9px;
  font-weight: 500;
}

.cell-actions .add-cell {
  color: #365b7c;
  opacity: 0.65;
  font-size: 12px;
  font-weight: 900;
}