/*
  Lightweight FilePond styling (keeps UI clean even if base CSS is minimal).
  - Does NOT depend on GD/Intervention.
  - Keeps layout stable (no background "break" on product create pages).
*/

.filepond--root {
  font-family: inherit;
  margin: 0;
}

.filepond--panel-root {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px dashed rgba(0, 0, 0, 0.15) !important;
  border-radius: 10px !important;
}

.filepond--drop-label {
  color: rgba(0, 0, 0, 0.75) !important;
}

.filepond--label-action {
  text-decoration: underline;
  font-weight: 600;
}

.filepond--item {
  border-radius: 10px;
}

.filepond--file {
  background: rgba(0, 0, 0, 0.06) !important;
  border-radius: 10px !important;
}

.filepond--file-status {
  color: rgba(0, 0, 0, 0.75) !important;
}

.filepond--action-remove-item {
  background: rgba(220, 53, 69, 0.95) !important;
}

.upload-preview {
  margin-top: 10px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  padding: 8px;
  background: #fff;
  max-width: 240px;
}

.upload-preview img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}