.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 var(--wpfc-border, #e5e7eb);border-radius:var(--wpfc-radius, 8px);background:var(--wpfc-surface, #fff);cursor:pointer}
.wpfc-upl-tab.is-active{background:var(--wpfc-surface-2, #f0f6ff);border-color:var(--wpfc-border, #bfdbfe)}
.wpfc-upl-body{border:1px solid var(--wpfc-border, #e5e7eb);border-radius:var(--wpfc-radius, 12px);padding:12px;background:var(--wpfc-surface, #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 var(--wpfc-border, #e5e7eb);border-radius:var(--wpfc-radius, 10px);overflow:hidden;cursor:pointer;background:var(--wpfc-surface, #fff)}
.wpfc-upl-card .thumb{background:var(--wpfc-surface-2, #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 var(--wpfc-primary, #2271b1)}
.wpfc-upl-loadmore{margin-top:10px;padding:8px 12px;border:1px solid var(--wpfc-border, #e5e7eb);border-radius:var(--wpfc-radius, 8px);background:var(--wpfc-surface, #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 var(--wpfc-border, #e5e7eb);
  border-radius:var(--wpfc-radius, 8px);
  overflow:hidden;
  width:110px;
  background:var(--wpfc-surface, #fff);
}
.wpfc-upl-prev img{
  display:block;
  width:110px;
  height:110px;
  object-fit:cover;
  background:var(--wpfc-surface-2, #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:var(--wpfc-overlay, #00000080); color:var(--wpfc-on-primary, #fff);
  cursor:pointer; line-height:20px; font-size:14px;
}
.wpfc-upl-prev-remove:hover{ background:var(--wpfc-overlay, #000c); }
.wpfc-upload-summary{
  margin-top:6px; font-size:13px; opacity:.85;
}