/* V005.3: final width normalization for the exact-form desktop/mobile layout. */
#xem-ngay .astro-form__hint {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  justify-self: stretch !important;
  white-space: normal !important;
}

@media (max-width: 760px) {
  #xem-ngay .astro-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
  }

  #xem-ngay .astro-form > .astro-saved,
  #xem-ngay .astro-form > .astro-control,
  #xem-ngay .astro-form > .astro-form__hint,
  #xem-ngay .astro-form > .astro-location-title,
  #xem-ngay .astro-form > .astro-save-option,
  #xem-ngay .astro-form > .astro-form__pending,
  #xem-ngay .astro-form > .astro-form__actions {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-self: stretch !important;
  }

  #xem-ngay .astro-saved {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    grid-template-areas: none !important;
  }

  #xem-ngay .astro-saved__head,
  #xem-ngay .astro-saved__status,
  #xem-ngay .astro-saved__controls {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-self: stretch !important;
  }

  #xem-ngay .astro-saved__head label,
  #xem-ngay .astro-saved__status {
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  #xem-ngay .astro-saved__controls select {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  #xem-ngay .astro-form__hint {
    margin: -8px 2px 0 !important;
  }

  #xem-ngay .astro-form > .astro-control:has(#short-name),
  #xem-ngay .astro-form > .astro-control:has(#gender),
  #xem-ngay .astro-form > .astro-control:has(#birth-day),
  #xem-ngay .astro-form > .astro-control:has(#birth-hour) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  #xem-ngay .tuvi5s-location-picker,
  #xem-ngay .tuvi5s-location-picker > select,
  #xem-ngay .tuvi5s-location-coordinate,
  #xem-ngay .tuvi5s-coordinate-toggle {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}