.wpfc-upl-modal{display:flex;flex-direction:column;gap:12px}
.wpfc-upl-tabs{display:flex;gap:6px}
.wpfc-upl-tab{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer}
.wpfc-upl-tab.is-active{background:#f0f6ff;border-color:#bfdbfe}
.wpfc-upl-body{border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fff}
.wpfc-upl-panel{display:none}
.wpfc-upl-panel.is-active{display:block}
.wpfc-upl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:52vh;overflow:auto}
.wpfc-upl-card{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;cursor:pointer;background:#fff}
.wpfc-upl-card .thumb{background:#f8fafc;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.wpfc-upl-card .thumb img{max-width:100%;max-height:100%;display:block}
.wpfc-upl-card .meta{font-size:12px;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wpfc-upl-card.is-selected{outline:2px solid #2271b1}
.wpfc-upl-loadmore{margin-top:10px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer}
.wpfc-upl-empty,.wpfc-upl-error{opacity:.85;padding:12px 0}
.wpfc-upl-hint{opacity:.8;margin-top:8px}
/* bump base size inside SweetAlert modal */
.swal2-popup { font-size: 16px; }

/* give FilePond and our panel comfortable sizing */
.filepond--root { width: 100%; font-size: 14px; }
.wpfc-upl-modal { max-width: 920px; }
.wpfc-upl-grid .wpfc-upl-card .thumb { height: 120px; } /* bigger thumbs */


/* Inline preview under the field */
.wpfc-upload-preview{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}
.wpfc-upl-prev{
  position:relative;
  border:1px solid #e5e7eb;
  border-radius:8px;
  overflow:hidden;
  width:110px;
  background:#fff;
}
.wpfc-upl-prev img{
  display:block;
  width:110px;
  height:110px;
  object-fit:cover;
  background:#f6f7f9;
}
.wpfc-upl-prev .name{
  display:block;
  font-size:11px;
  padding:4px 6px 6px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.wpfc-upl-prev-remove{
  position:absolute;
  top:4px; right:4px;
  width:20px; height:20px;
  border:none; border-radius:50%;
  background:#00000080; color:#fff;
  cursor:pointer; line-height:20px; font-size:14px;
}
.wpfc-upl-prev-remove:hover{ background:#000c; }
.wpfc-upload-summary{
  margin-top:6px; font-size:13px; opacity:.85;
}