/* Cresco v1.28 — correctifs responsive ciblés.
   Aucun changement de logique métier : uniquement la mise en page mobile. */

/* Les champs de la carte d'identité du contrat doivent pouvoir rétrécir
   avec leur colonne. Certains navigateurs donnent au champ date une largeur
   intrinsèque qui peut sinon agrandir la grille et dépasser du viewport. */
.setup-card > label,
.setup-card > fieldset{
  min-width:0;
  max-width:100%;
}

.setup-card input[type="text"],
.setup-card input[type="date"]{
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
}

/* Les grandes illustrations des portes de contexte avaient été agrandies
   après la définition des colonnes mobiles : on réaligne colonne et icône
   pour qu'elles ne puissent plus empiéter sur le texte. */
@media screen and (max-width:720px){
  .context-door{
    grid-template-columns:70px minmax(0,1fr) 34px;
  }
  .context-door .door-icon{
    width:70px!important;
    height:70px!important;
    flex-basis:70px!important;
  }
  .context-door .door-copy{
    min-width:0;
  }
}

@media screen and (max-width:560px){
  .context-door{
    grid-template-columns:58px minmax(0,1fr) 32px;
    gap:10px;
  }
  .context-door .door-icon{
    width:58px!important;
    height:58px!important;
    flex-basis:58px!important;
  }
}

@media screen and (max-width:430px){
  .context-door{
    grid-template-columns:52px minmax(0,1fr) 28px;
    gap:8px;
  }
  .context-door .door-icon{
    width:52px!important;
    height:52px!important;
    flex-basis:52px!important;
  }
}

@media screen and (max-width:330px){
  .context-door{
    grid-template-columns:46px minmax(0,1fr);
  }
  .context-door .door-icon{
    width:46px!important;
    height:46px!important;
    flex-basis:46px!important;
  }
}