/* Active Storage Direct Upload — uses DaisyUI v4 oklch() CSS variables */
.direct-upload {
  display: inline-block;
  position: relative;
  padding: 2px 4px;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  border-radius: 0.25rem;
  background-color: oklch(var(--b2));
  border: 1px solid oklch(var(--b3));
}

.direct-upload--pending {
  opacity: 0.6;
}

.direct-upload__progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 0.2;
  background-color: oklch(var(--p));
  transition: width 120ms ease-out;
}

.direct-upload--complete {
  opacity: 0.4;
}

.direct-upload--error {
  border-color: oklch(var(--er));
}