/*
 * MaSanté24 — ISO-15Z
 * Correction visuelle du formulaire Nouvelle ordonnance.
 * Ne modifie pas la logique métier.
 */

div:has(> h2):has(> p) {
  /* Aucun changement global */
}

/* Ciblage exclusif du formulaire d'ordonnance */
div.fixed.z-\[1000\]:has(h2):has(input[placeholder="Médicament"])
  form div.flex.gap-2:has(> input[placeholder="Médicament"]) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

/* Champ Médicament */
div.fixed.z-\[1000\]:has(h2):has(input[placeholder="Médicament"])
  input[placeholder="Médicament"] {
  width: auto !important;
  min-width: 160px !important;
  flex: 1 1 180px !important;
}

/* Champ Posologie */
div.fixed.z-\[1000\]:has(h2):has(input[placeholder="Médicament"])
  input[placeholder="Posologie"] {
  width: auto !important;
  min-width: 130px !important;
  flex: 1 1 140px !important;
}

/* Sur petits écrans, les champs peuvent se superposer verticalement */
@media (max-width: 640px) {
  div.fixed.z-\[1000\]:has(input[placeholder="Médicament"])
    input[placeholder="Médicament"],
  div.fixed.z-\[1000\]:has(input[placeholder="Médicament"])
    input[placeholder="Posologie"] {
    flex-basis: 100% !important;
  }
}