{# Shared modal shell for modal-select (custom_select macro). Include once per page layout. #}
<div id="global-select-picker-modal"
    class="hidden modal-hidden fixed inset-0 flex items-center justify-center z-[220] p-4 text-white">
    <div class="modal-backdrop fixed inset-0 bg-black/60 modal-transition z-[219]" data-picker-backdrop></div>
    <div
        class="modal-content glass-modal modal-radius-lg w-full max-w-md max-h-[70vh] flex flex-col modal-content-transition relative z-[220] border border-white/10 overflow-hidden">
        <div class="p-5 border-b border-white/5 flex-shrink-0 bg-white/[0.02]">
            <h3 data-picker-title class="text-lg font-bold text-white tracking-tight text-center sm:text-left">Choose</h3>
        </div>
        <div class="flex-1 overflow-y-auto p-3 space-y-1 custom-scrollbar min-h-0" data-picker-list></div>
        <div class="p-4 pt-3 border-t border-white/5 flex-shrink-0 bg-white/[0.02]">
            <button type="button"
                class="picker-modal-cancel w-full glass-button no-hover-lift py-3 rounded-xl text-[10px] font-black uppercase tracking-widest text-zinc-400 hover:text-white transition-colors">
                Cancel
            </button>
        </div>
    </div>
</div>