/* Vues planning / calendrier : hauteur de la zone utile + défilement si le scheduler dépasse */
.planning-page {
  /* Espace réservé sous la barre d’outils / marges .body-content pour aligner le bas sur le viewport */
  --planning-chrome-offset: 130px;
  --planning-scheduler-top-gap: 20px;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  box-sizing: border-box;
  margin-bottom: 0;
  padding-bottom: 0;
  /* Bas de page : utiliser toute la hauteur dynamique disponible */
  min-height: calc(100vh - var(--planning-chrome-offset));
  min-height: calc(100dvh - var(--planning-chrome-offset));
  height: calc(100vh - var(--planning-chrome-offset));
  height: calc(100dvh - var(--planning-chrome-offset));
  max-height: calc(100vh - var(--planning-chrome-offset));
  max-height: calc(100dvh - var(--planning-chrome-offset));
}

@media screen and (max-width: 1679px) {
  .planning-page {
    --planning-chrome-offset: 95px;
  }
}

.planning-page__filters {
  flex: 0 0 auto;
}

.planning-page > h2 {
  flex: 0 0 auto;
  margin: 0 0 0.75rem 0;
}

.planning-page__scheduler-host {
  flex: 1 1 auto;
  min-height: 240px;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  /* 20px au-dessus du calendrier ; le scheduler remplit le reste jusqu’au bas du bloc */
  padding-top: var(--planning-scheduler-top-gap);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.planning-page__scheduler-host .dx-scheduler {
  box-sizing: border-box;
  flex: 1 1 auto;
  min-height: 0;
}

/* Évite le padding-bottom global du body qui laissait un vide sous le calendrier */
body:has(.planning-page) {
  padding-bottom: 0;
}

/* entries default style*/
.entryStyle {
  background-color: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.commentArea {
  overflow-y: auto !important;
}
.dx-scheduler-appointment-content-custom-icons {
  display: inline-block;
  font-size: 0.5rem;
  margin-left: 10px;
  vertical-align: super;
}

.dx-scheduler-appointment-inscription-title-ukraine-flag{
 margin-left:20px;
 width:25px;
 padding-bottom:5px;
}

.icons-appointment {
  margin-left: 10px;
  text-align: center;
  width: 15px !important;
}

/* beneficiary entries appointment icons color */
.dx-scheduler-appointment-content > * {
  color: #4e4e4e !important;
  font-weight: 700 !important;
}

.dx-scheduler-appointment-inscription-custom-details {
  position: absolute;
  right: 20px;
  top: 24px;
}

.dx-schedulter-appointment-content-inscription {
  font-size: 13px;
  font-style: italic;
  font-weight: lighter;
  margin-left: 10px;
}

.inscriptionTypeIcon {
  margin-right: 15px;
  font-size: 20px !important;
}