{{-- Shared settings save button: confirms, then submits the owning form. --}}
<div class="mt-6 flex justify-end border-t border-[#f0eff5] pt-5">
    <button type="button" x-bind:disabled="busy"
            x-on:click="$store.confirm.ask({ message: @js(__('admin.settings.confirm_save')), onConfirm: () => { busy = true; $refs.form.submit(); } })"
            class="inline-flex items-center justify-center gap-2 rounded-xl bg-primary-600 px-7 py-3 text-sm font-bold text-white shadow-lg shadow-primary-600/25 transition hover:bg-primary-700 disabled:cursor-not-allowed disabled:opacity-60">
        <span x-show="busy" x-cloak class="size-4 animate-spin rounded-full border-2 border-white/30 border-t-white" aria-hidden="true"></span>
        {{ __('admin.settings.save') }}
    </button>
</div>