/* The operation stays with its own control, including on narrow screens. */
.bf-action-wrap { display:inline-flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:7px; max-width:100%; min-width:0; vertical-align:top; }
.bf-action-wrap > .button { margin-bottom:0; }
.bf-action-wrap .bf-action-progress { display:flex; align-items:flex-start; gap:8px; width:100%; max-width:360px; min-width:0; padding:7px 9px; border:1px solid #355582; border-radius:7px; background:#12233f; color:#dfebff; font:400 12px/1.45 Inter,Segoe UI,Arial,sans-serif; text-align:left; white-space:normal; }
.bf-action-message { min-width:0; overflow-wrap:anywhere; }
.bf-action-spinner { display:block; flex:0 0 14px; width:14px; height:14px; margin-top:2px; border:2px solid #526c90; border-top-color:#a6ceff; border-radius:50%; animation:bf-action-spin .8s linear infinite; }
.bf-action-progress[data-state="done"] { border-color:#337264; background:#102c2a; color:#c5f5e6; }
.bf-action-progress[data-state="failed"] { border-color:#965557; background:#341e2a; color:#ffe0e1; }
.bf-action-progress[data-state="waiting"] { border-color:#857040; background:#2e281b; color:#ffe5ae; }
.bf-action-progress:not([data-state="running"]) .bf-action-spinner { animation:none; border:0; height:auto; text-align:center; font-weight:700; }
.bf-action-progress[data-state="done"] .bf-action-spinner::before { content:'✓'; }
.bf-action-progress[data-state="failed"] .bf-action-spinner::before { content:'!'; }
.bf-action-progress[data-state="waiting"] .bf-action-spinner::before { content:'…'; }
.auth-form > .bf-action-wrap, #assistant-form > .bf-action-wrap, #public-assistant-form > .bf-action-wrap { width:100%; }
.auth-form .bf-action-progress { max-width:none; }
@keyframes bf-action-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .bf-action-spinner { animation:none; border-style:dotted; } }
@media(max-width:650px) {
  .bf-action-progress { max-width:100%; } .bf-action-wrap { flex-shrink:1; }
  .workflow-toolbar > .bf-action-wrap { flex:1 1 150px; }
  .workflow-guide-heading > .bf-action-wrap { margin-top:8px; }
}