/* Wrapper général */
.temps-facturable-wrapper {
  margin-top: 10px !important;
  overflow: hidden;
  display: flex;       /* utilisation de flex pour alignement horizontal propre */
  gap: 4px;            /* espace entre champs */
  align-items: flex-start;
}

/* Champs heures et minutes */
.field--name-field-heures,
.field--name-field-minutes-facturables {
  display: inline-block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: top !important;
  text-align: center !important;
  /* float supprimé pour éviter conflits avec focus */
}

/* Labels réduits */
.field--name-field-heures .field-label,
.field--name-field-minutes-facturables .field-label {
  font-size: 0.7em !important;
  font-weight: normal !important;
  margin: 0 2px 0 0 !important;
  display: block !important;
}

/* Selects */
.field--name-field-heures select,
.field--name-field-minutes-facturables select {
  margin: 0 !important;
  padding: 2px 4px !important;
  border: 1px solid #ccc !important;
  box-shadow: none !important;
  background: #fff !important;
  font-size: 0.9em !important;
  outline: none !important; /* permet de garder focus visible si besoin */
}

/* Champ calculé Durée réelle */
.field--name-field-temps-affiche {
  display: block !important;
  margin-top: 1px !important;
  font-weight: bold !important;
}