/* Écran Planning : sélecteur de date, cartes avec créneau épinglé. */

.daybar {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: var(--filterbar-gap);
  padding-top: var(--daybar-padding-top);
  background: var(--color-sky);
}

.daybar__main {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: 0 var(--card-inset);
}

.daybar__label {
  font-size: var(--text-md);
  font-weight: var(--weight-bold);
  line-height: var(--daybar-label-leading);
  color: var(--color-black);
}

.daybar__chips {
  display: flex;
  align-items: flex-start;
  gap: var(--space-1);
  height: var(--daybar-chips-height);
  overflow-x: auto;
  scrollbar-width: none;
}

.daybar__chips::-webkit-scrollbar {
  display: none;
}

/* Créneau épinglé : carte de représentation pleine largeur en tête de carte. */
.rep--slot {
  width: 100%;
  min-height: 0; /* les trois pastilles tiennent sur une ligne : pas de hauteur minimale des blocs en deux lignes */
  border-radius: 0;
}

.rep--slot .rep__top {
  width: 100%;
}

.change-slot {
  align-self: flex-start;
  height: var(--change-slot-height);
  padding: 0 var(--card-inset);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  line-height: var(--leading-xs);
  text-decoration: underline;
  text-align: left;
  color: var(--color-black);
}

/* Avertissement de conflit horaire (non dessiné dans Figma, voir CLAUDE.md du projet). */
.conflict {
  padding: 0 var(--card-inset);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  line-height: var(--leading-xs);
  color: var(--color-black);
}