/* Scoped feedback uses the current Aurora palette and button appearance. */
.async-form .async-action{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.async-form .async-action svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.async-form .async-action-label-stack{display:grid;align-items:center}
.async-form .async-action-label,.async-form .async-action-label-sizer{grid-area:1/1;white-space:nowrap}
.async-form .async-action-label-sizer{visibility:hidden}
.async-form .async-action[data-action-state="pending"] svg{animation:linea-action-spin .8s linear infinite}
.async-form .async-action[data-action-state="success"] svg{color:var(--green)}
.async-form .async-action-status{font-size:13px;line-height:1.5;color:var(--muted);margin:12px 0 0;overflow-wrap:anywhere}
.async-form .async-action-status[data-action-state="error"]{color:var(--red)}
.async-form .async-action-status[hidden]{display:none!important}
@keyframes linea-action-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.async-form .async-action svg{animation:none!important}}

.modal-backdrop.async-action-dismissing{pointer-events:none}