/* SRP: inline upload progress bar, upload form body, success banner. */

/* ── Inline upload progress ───────────────────── */
.drv-upload-inline {
  padding: 8px 14px; margin: 8px 0 0; border-radius: 6px;
  font-size: 13px; font-weight: 500;
}
.drv-upload-active  { color: var(--accent); background: rgba(124,92,255,.08); }
.drv-upload-success { color: #22c55e; background: rgba(34,197,94,.08); }
.drv-upload-error   { color: #ef4444; background: rgba(239,68,68,.08); }

.drv-upload-text { margin-bottom: 6px; }

.drv-upload-bar-track {
  height: 6px; border-radius: 3px;
  background: rgba(255,255,255,.08); overflow: hidden;
}
.drv-upload-bar-fill {
  height: 100%; width: 0; border-radius: 3px;
  background: var(--accent);
  transition: width .25s ease;
}

/* ── Upload form body ─────────────────────────── */
.drv-upload-body { max-width: 520px; margin: 0 auto; padding: 0 20px; }
.drv-upload-body .upload-field { margin-bottom: 20px; }
.drv-upload-body .upload-field label {
  display: block; font-size: 11px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  color: var(--muted); margin-bottom: 6px;
}

/* ── Upload-in-progress warning spinner ──────── */
.drv-upload-warning-spinner {
  width: 28px; height: 28px; margin: 18px auto 0;
  border: 3px solid rgba(124,92,255,.2);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: drv-spin .7s linear infinite;
}
@keyframes drv-spin { to { transform: rotate(360deg); } }

.drv-success-banner {
  text-align: center; padding: 20px; border-radius: 10px;
  background: rgba(34,197,94,.1); border: 1px solid rgba(34,197,94,.25);
  color: #22c55e; font-size: 14px; font-weight: 600; margin-top: 16px;
}