.jobs-resume-upload-drawer[data-app-workflow-shell] .wf-add-filelist li {position:relative;isolation:isolate;min-height:32px;}
.jobs-resume-upload-drawer[data-app-workflow-shell] .wf-add-filelist .wf-add-file-bar {
  position: absolute;
  grid-area: auto;
  inset: 0;
  z-index: -1;
  width: auto;
  height: auto;
  border-radius: inherit;
  background: transparent;
  pointer-events: none;
  overflow: hidden;
}

.jobs-resume-upload-drawer[data-app-workflow-shell] .wf-add-filelist .wf-add-file-bar__fill {
  display: block;
  width: var(--jobs-upload-row-progress);
  height: 100%;
  border-radius: 0;
  background: color-mix(in srgb, var(--success-500) 48%, var(--surface-sunken));
  transition: width 350ms ease;
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  .jobs-resume-upload-drawer[data-app-workflow-shell] .wf-add-filelist .wf-add-file-bar__fill {
    transition: none;
  }
}

.jobs-resume-upload-drawer[data-app-workflow-shell] .wf-add-file-name {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: 8px;
  text-align: left;
}

.jobs-resume-upload-drawer[data-app-workflow-shell] .wf-add-file-basename {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.jobs-resume-upload-drawer[data-app-workflow-shell] .wf-add-file-progress {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 65%;
  color: var(--hh-ui-supporting);
  font-size: var(--hh-font-caption);
  font-weight: var(--hh-weight-body);
  white-space: normal;
  overflow-wrap: anywhere;
}

.jobs-resume-upload-drawer[data-app-workflow-shell] .is-running .wf-add-file-progress {
  flex-shrink: 0;
  max-width: calc(100% - 40px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


.jobs-resume-upload-drawer[data-app-workflow-shell] .wf-add-filelist li button {height:24px;}