/* MinhaHub Automotivo — correção estrutural para campos nativos date/month no iOS.
   O navegador mantém o input real para abrir o seletor, mas a caixa visível é controlada pelo MinhaHub
   e sempre respeita a largura do container. */
.mh-native-date-shell{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:100%;
  min-width:0;
  height:52px;
  margin-top:6px;
  padding:0 12px;
  border:1px solid #ccd2da;
  border-radius:9px;
  background:#fff;
  box-sizing:border-box;
  overflow:hidden;
}
.mh-native-date-shell-display{
  width:100%;
  min-width:0;
  max-width:100%;
  text-align:center;
  font:inherit;
  font-size:16px;
  font-weight:700;
  color:var(--text,#17202a);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:none;
}
.mh-native-date-shell>input[type="date"],
.mh-native-date-shell>input[type="month"]{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  opacity:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
}
#mhProductCreate label:has(.mh-native-date-shell),
#fixedCostForm label:has(.mh-native-date-shell){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}