/* El AVANCE de un trabajo largo en segundo plano (importar desde una API, etc.).
   Va FIJO en la pantalla, abajo y al centro, porque quien pulsa el botón está en la fila del proveedor —a menudo muy abajo en la
   lista— y un aviso puesto arriba de la página queda fuera de su vista (defecto del 2026-10-14: el avance se dibujaba, pero nadie lo veía). */
.pf-progreso-trabajo {
  position: fixed; left: 50%; bottom: var(--pf-s-6, 24px); transform: translateX(-50%); z-index: 950;
  display: flex; align-items: center; gap: var(--pf-s-3, 12px);
  max-width: min(640px, calc(100vw - 32px)); padding: var(--pf-s-3, 12px) var(--pf-s-5, 20px);
  background: var(--pf-sup-950, #1f2237); color: #fff; border-radius: var(--pf-r-md, 10px);
  box-shadow: var(--pf-sh-lg, 0 12px 32px rgba(40, 44, 70, .28));
  font: 600 var(--pf-fs-sm, 14px) var(--pf-font-ui, system-ui);
}
.pf-progreso-trabajo.ci-hidden { display: none; }
.pf-progreso-trabajo .ci-spinner { flex: none; border-color: rgba(255, 255, 255, .35); border-top-color: #fff; }
.pf-progreso-trabajo small { display: block; font-weight: 400; opacity: .8; font-size: var(--pf-fs-xs, 12px); margin-top: 2px; }