<!-- 경로 선택 모달 (공통 규격 적용) -->
<div id="pathModal" class="modal-overlay" onclick="ModalManager.close('pathModal')">
    <div class="modal-content" style="max-width: 500px;" onclick="event.stopPropagation()">
        <div class="modal-header">
            <h3>파일 보관 경로 선택</h3>
            <span class="modal-close" onclick="ModalManager.close('pathModal')">&times;</span>
        </div>
        <div style="display: flex; flex-direction: column; gap: 16px; margin-bottom: 24px;">
            <div class="select-group" style="margin-bottom: 0;">
                <label>탭 (Tab)</label>
                <select id="tabSelect" class="modal-select" onchange="updateCategories()"></select>
            </div>
            <div class="select-group" style="margin-bottom: 0;">
                <label>카테고리 (Category)</label>
                <select id="categorySelect" class="modal-select" onchange="updateSubs()"></select>
            </div>
            <div class="select-group" style="margin-bottom: 0;">
                <label>서브카테고리 (Sub-Category)</label>
                <select id="subSelect" class="modal-select"></select>
            </div>
        </div>
        <button class="btn btn-primary" style="width: 100%; height: 44px;" onclick="applyPathSelection()">경로 확정하기</button>
    </div>
</div>
