/* Unified Jalali date input, intentionally loaded last to override legacy grid/absolute icons. */
.hm-date-field-v57,
.acct-v49-date-control.hm-date-field-v57,
.smart-date-control-v52.hm-date-field-v57 {
  display:block!important;position:relative!important;width:100%!important;min-width:0!important;
  min-height:44px;overflow:visible!important;isolation:auto;
  background:transparent!important;border:0!important;border-radius:0!important;
}
.hm-date-field-v57 > input.hm-date-input-v57,
.acct-v49-date-control.hm-date-field-v57 > input,
.smart-date-control-v52.hm-date-field-v57 > input {
  display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;
  min-height:44px!important;margin:0!important;
  padding:9px 14px 9px 52px!important;
  direction:ltr!important;text-align:center!important;
  font-variant-numeric:tabular-nums;
  background-color:#fff!important;background-image:none!important;
  border:1px solid #d5dfea!important;border-radius:12px!important;
  box-shadow:none!important;cursor:text!important;
}
.hm-date-field-v57 > input.hm-date-input-v57:focus {
  outline:none!important;border-color:#7ca4cd!important;
  box-shadow:0 0 0 3px rgba(70,117,180,.12)!important;
}
.hm-date-field-v57.is-invalid > input.hm-date-input-v57 {
  border-color:#c94a43!important;box-shadow:0 0 0 3px rgba(201,74,67,.1)!important;
}
.hm-date-field-v57 > .hm-date-trigger-v57,
.acct-v49-date-control.hm-date-field-v57 > button.hm-date-trigger-v57,
.smart-date-control-v52.hm-date-field-v57 > button.hm-date-trigger-v57 {
  all:unset!important;box-sizing:border-box!important;
  display:grid!important;place-items:center!important;
  position:absolute!important;left:7px!important;right:auto!important;top:50%!important;bottom:auto!important;
  transform:translateY(-50%)!important;z-index:2!important;
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  border-radius:10px!important;background:#f1f5fa!important;color:#536f91!important;
  cursor:pointer!important;touch-action:manipulation!important;
}
.hm-date-field-v57 > .hm-date-trigger-v57:hover,
.hm-date-field-v57 > .hm-date-trigger-v57:focus-visible {
  background:#e5effc!important;color:#215b99!important;
  outline:2px solid #87afd4!important;outline-offset:1px!important;
}
.hm-date-field-v57 .hm-date-trigger-v57 .icon {
  width:19px!important;height:19px!important;display:block!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
/* Prevent the old icon pseudo-element from appearing beneath the real button. */
.date-field:has(.hm-date-field-v57)::after {content:none!important;display:none!important;}
@media(max-width:640px) {
  .hm-date-field-v57 > input.hm-date-input-v57{min-height:50px!important;font-size:16px!important;}
  .hm-date-field-v57 > .hm-date-trigger-v57{width:38px!important;height:38px!important;left:7px!important;}
}

/* Disabled date fields keep their icon so the layout never jumps when a form enables them. */
.hm-date-field-v57.is-disabled > .hm-date-trigger-v57,
.hm-date-field-v57 > .hm-date-trigger-v57:disabled {
  opacity:.6!important;
  cursor:not-allowed!important;
  pointer-events:none!important;
}