/* Cresco v1.35 — champ date compact et stable sur mobile/tablette.
   Le champ n'a pas besoin d'occuper toute la ligne. On laisse le navigateur
   afficher son sélecteur natif, sans masquer ni rogner son contenu. */

/* Évite le dépassement classique width:100% + padding/bordure. */
.setup-card input[type="date"]{
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
}

@media screen and (max-width:820px){
  .setup-card > .date-field{
    min-width:0;
    max-width:100%;
  }

  #startDate{
    width:100%;
    max-width:100%;
  }
}

@media screen and (max-width:560px){
  .setup-card > .date-field{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    width:100%;
    overflow:visible;
  }

  #startDate{
    /* Suffisant pour une date localisée, sans grosse barre inutile. */
    width:min(100%, 270px)!important;
    max-width:270px!important;
    min-width:0!important;
    inline-size:auto!important;
    min-inline-size:0!important;
    max-inline-size:270px!important;
    overflow:visible!important;
  }

  /* Ne pas rogner les sous-éléments natifs Safari/Chromium. */
  #startDate::-webkit-date-and-time-value,
  #startDate::-webkit-datetime-edit,
  #startDate::-webkit-datetime-edit-fields-wrapper{
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
  }

  #startDate::-webkit-calendar-picker-indicator{
    margin-left:auto;
  }
}