/* suivi.css — Page 5 : SUIVI SOCIAL / AUTRE INFO */

/* ===== SUIVI SOCIAL ===== */
.suivi-block{
  font-size:.9rem;
}

.suivi-question{
  margin:0 0 4px;
  font-weight:600;
  font-size:.9rem;
}

.suivi-accompagnement{
  margin-bottom:6px;
}

.suivi-accompagnement-choix,
.suivi-protection-choix,
.suivi-sante-choix{
  display:flex;
  gap:18px;
  align-items:center;
  margin:2px 0 6px;
}

.suivi-accompagnement-choix input[type="radio"],
.suivi-protection-choix input[type="radio"],
.suivi-sante-choix input[type="radio"]{
  position:relative;
  top:-4px;
}

.suivi-accompagnement-choix label,
.suivi-protection-choix label,
.suivi-sante-choix label{
  display:inline-flex;
  align-items:center;
  gap:4px;
  width:fit-content;
}

.suivi-accompagnement-detail,
.suivi-protection-detail{
  display:none;
  margin-top:6px;
  width:100%;
}

.suivi-accompagnement-detail.is-open,
.suivi-protection-detail.is-open{
  display:block;
}

.suivi-accompagnement-detail,
.suivi-protection-detail,
.suivi-accompagnement-detail *,
.suivi-protection-detail *{
  transition:none !important;
  animation:none !important;
}

.suivi-accompagnement-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:flex-end;
}

.suivi-field{
  flex:1 1 320px;
  min-width:0;
  display:flex;
  flex-direction:column;
}

.suivi-col{
  flex:1 1 auto;
  min-width:0;
}

.suivi-protection-row{
  display:flex;
  align-items:flex-end;
  gap:8px;
  width:100%;
}

.suivi-protection-row .suivi-col{
  flex:1 1 auto;
  min-width:0;
}

.suivi-input-long{
  display:block;
  width:100%;
  min-width:0;
  padding:3px 5px;
  margin-top:2px;
  font:inherit;
  border:1px solid #b3b3b3;
}

.suivi-picto{
  font-size:1.2rem;
  line-height:1;
  flex:0 0 auto;
  white-space:nowrap;
  margin-bottom:6px;
}

.suivi-accompagnement-detail .suivi-picto,
.suivi-protection-detail .suivi-picto{
  position:relative;
  top:-6px;
  margin-bottom:0;
}

/* ===== AUTRE INFO / SANTÉ ===== */
.suivi-autre-info{
  font-size:.9rem;
}

.suivi-sous-titre{
  margin:0 0 4px;
  font-size:.9rem;
  font-weight:700;
  text-transform:none;
}

.suivi-texte{
  margin:0 0 4px;
}

.suivi-urgence{
  margin-top:10px;
}

.suivi-urgence-ligne{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}

.suivi-urgence-nom,
.suivi-urgence-tel{
  display:flex;
  flex-direction:column;
  font-size:.9rem;
  flex:1 1 260px;
}

.suivi-urgence-nom input,
.suivi-urgence-tel input{
  padding:3px 5px;
  font:inherit;
  border:1px solid #b3b3b3;
  width:100%;
}

.suivi-situation-global{
  margin-top:12px;
}

.suivi-situation-label{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.suivi-situation-intro{
  font-size:.9rem;
  font-weight:600;
}

.suivi-situation-global textarea{
  width:100%;
  padding:4px 6px;
  font:inherit;
  border:1px solid #b3b3b3;
  resize:vertical;
}

.suivi-protection-detail{
  margin-bottom:14px;
}

.page-5 .fiche-footer{
  display:none;
}

@media (max-width:768px){
  .suivi-urgence-ligne{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    column-gap:10px;
    row-gap:8px;
    align-items:end;
  }

  .suivi-urgence-nom,
  .suivi-urgence-tel{
    width:100%;
    min-width:0;
    flex:0 1 auto;
  }

  .suivi-urgence-ligne > .picto-inline{
    position:static;
    top:auto;
    align-self:end;
    margin:0 0 5px;
  }
}

/* Téléphone d'urgence : même rendu que le téléphone principal */
.suivi-urgence-tel .phone-field{
  width:100%;
  min-width:0;
}

.suivi-urgence-tel .phone-field input[type="tel"]{
  border:0;
  outline:none;
  padding:4px 4px;
  width:auto;
}

.suivi-urgence-tel .phone-field input[type="tel"]:focus{
  border:0;
  outline:none;
}