/* CONTENEDOR TARJETA */
.woocommerce .upload_receipt,
.woocommerce-order .upload_receipt,
.woocommerce-account .upload_receipt {
  width: 100% !important;
  background: #ffffff !important; /* override al inline */
  position: static !important;
  border: 1px solid #e9edf3 !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 30px rgba(17, 24, 39, .06) !important;
  overflow: hidden !important;
  border-collapse: separate !important;
}

/* Quitamos aspecto "tabla" y lo hacemos bloques responsivos */
.woocommerce .upload_receipt tbody,
.woocommerce .upload_receipt tfoot {
  display: block !important;
  padding: 16px !important;
}

.woocommerce .upload_receipt tr {
  display: grid !important;
  grid-template-columns: 180px 1fr !important;
  gap: 16px !important;
  align-items: start !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid #f1f3f7 !important;
}
.woocommerce .upload_receipt tr:last-child {
  border-bottom: 0 !important;
}

/* Cabeceras (th) como labels discretos */
.woocommerce .upload_receipt th[scope="row"] {
  font-weight: 600 !important;
  color: #374151 !important;
  padding: 0 !important;
  text-align: left !important;
}

/* Celdas (td) como contenido */
.woocommerce .upload_receipt td {
  padding: 0 !important;
}

/* Preview */
.woocommerce .upload_receipt .receipt-img-preview {
  display: grid !important;
  gap: 8px !important;
}
.woocommerce .upload_receipt .receipt-img-preview img.receipt-preview {
  max-width: 320px !important;
  width: 100% !important;
  border-radius: 12px !important;
  border: 1px solid #e5e7eb !important;
  background: #f9fafb !important;
}
.woocommerce .upload_receipt p.receipt-status {
  margin: 0 !important;
  font-size: .92rem !important;
  color: #6b7280 !important;
}

/* Input file + botón */
.woocommerce .upload_receipt .receipt-img-upload form {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
}
.woocommerce .upload_receipt input[type="file"]#receipt-file {
  display: block !important;
  width: 100% !important;
  max-width: 420px !important;
  background: #f9fafb !important;
  border: 1px dashed #c7ced9 !important;
  border-radius: 12px !important;
  padding: 14px !important;
  cursor: pointer !important;
}
.woocommerce .upload_receipt .lte-btn-wrap .start-upload,
.woocommerce .upload_receipt .lte-btn.btn-main {
  background: #111827 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(17, 24, 39, .12) !important;
}
.woocommerce .upload_receipt .lte-btn-wrap .start-upload:hover {
  filter: brightness(1.05) !important;
}

/* Footer: fecha de carga */
.woocommerce .upload_receipt tfoot {
  background: #f9fafb !important;
  border-top: 1px solid #eef1f6 !important;
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}

/* Fila de fecha: misma grilla */
.woocommerce .upload_receipt tfoot tr {
  display: grid !important;
  grid-template-columns: 180px 1fr !important;
  gap: 16px !important;
  padding: 12px 16px !important;
}

/* Estado oculto por clase .hide del plugin; mostramos si hay contenido (ver JS) */
.woocommerce .upload_receipt .date-uploaded.hide {
  display: none !important;
}

/* Responsive */
@media (max-width: 640px) {
  .woocommerce .upload_receipt tr,
  .woocommerce .upload_receipt tfoot tr {
    grid-template-columns: 1fr !important;
  }
  .woocommerce .upload_receipt th[scope="row"] {
    margin-bottom: 6px !important;
  }
}