/* Scoped to WPUF upload rows. Applies also to dynamically uploaded attachments. */
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list > li.wpuf-image-wrap {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  float: none !important;
  box-sizing: border-box !important;
}
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list > li.wpuf-image-wrap > .attachment-name {
  grid-column: 1;
  grid-row: 1;
  width: 48px !important;
  min-width: 0 !important;
  float: none !important;
}
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list > li.wpuf-image-wrap > .attachment-name img {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain;
  max-width: 100% !important;
}
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list > li.wpuf-image-wrap > .wpuf-attach-title {
  grid-column: 2;
  grid-row: 1;
  min-width: 0 !important;
  width: auto !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere;
  line-height: 1.4 !important;
}
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list > li.wpuf-image-wrap > .caption {
  grid-column: 3;
  grid-row: 1;
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list > li.wpuf-image-wrap > .wpuf-file-input-wrap {
  grid-column: 1 / -1;
  grid-row: 2;
  display: grid !important;
  gap: 8px;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
}
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list > li.wpuf-image-wrap > .wpuf-file-input-wrap input[type="text"],
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list > li.wpuf-image-wrap > .wpuf-file-input-wrap textarea {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list > li.wpuf-image-wrap > .wpuf-file-input-wrap textarea {
  min-height: 80px;
  resize: vertical;
}
