/* compiled by scssphp 1.12.1 on Tue, 14 Oct 2025 19:03:11 +0000 (0.1017s) */

.uploads-list .file-upload {
  padding: 0 0 12px;
}
.uploads-list .file-upload .filename-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.uploads-list .file-upload .filename {
  font-weight: bold;
}
.uploads-list .file-upload .status {
  font-size: 0.8em;
  color: #666;
}
.uploads-list .file-upload .status.error {
  color: #f44336;
}
.uploads-list .file-upload .progressbar {
  height: 6px;
  background: #ccc;
  margin-top: 4px;
}
.uploads-list .file-upload .progressbar .progress {
  height: 100%;
  width: 0%;
  transition: width 0.3s ease;
}
.uploads-list .file-upload .progressbar .progress.uploading {
  background-color: #4caf50;
}
.uploads-list .file-upload .progressbar .progress.success {
  background-color: #2e7d32;
}
.uploads-list .file-upload .progressbar .progress.error {
  background-color: #f44336;
}
.uploads-list .file-upload .retry-btn {
  background-color: transparent;
  color: #007bff;
  border: 1px solid #007bff;
  border-radius: 3px;
  padding: 2px 6px;
  font-size: 12px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.uploads-list .file-upload .retry-btn:hover {
  background-color: #007bff;
  color: white;
}
.uploadbox label.x-component {
  padding-top: 8px;
}
.uploadbox .upload-dropzone {
  border: 2px dashed var(--form-field-grey-border);
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
}
.uploadbox .upload-dropzone:hover {
  border-color: var(--action-button-color);
}
.uploadbox .upload-dropzone.dragover {
  border-color: var(--action-button-color);
}
.uploadbox .upload-dropzone.attached-file {
  border-color: #14851e;
}
.uploadbox .uploaded-file {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
}
.uploadbox .file-icon {
  font-size: 24px;
}
.uploadbox .file-name {
  flex-grow: 1;
  font-weight: bold;
}
.uploadbox .file-size {
  color: #888;
  font-size: 12px;
}
.uploadbox .file-actions a {
  text-decoration: none;
  margin-left: 10px;
  font-size: 16px;
  cursor: pointer;
}