/* ========================================
 * 임직원 선택 모달
 * 계층: components (공통 컴포넌트 — head.jsp 전역 로드)
 * ======================================== */

/* 조직도/임직원 목록 컨테이너 */
.sfn-member-modal-tree {
    border: 1px solid #ddd;
    padding: 10px;
    height: 100%;
    overflow-y: auto;
}

/* PC (390px 초과): 상단 X버튼 숨김, 하단 닫기버튼 표시 */
.sfn-member-modal .modal-header .modal-close-btn-mobile {
    display: none !important;
}

.sfn-member-modal .modal-footer .modal-close-btn-pc {
    display: inline-block !important;
}

/* 모바일 (390px 이하): 모달 표준 스타일 */
@media (max-width: 430px) {
    /* 모달 정중앙 배치 */
    .sfn-member-modal.modal.show {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .sfn-member-modal .modal-dialog {
        margin: 0;
    }

    /* 모달 컨텐츠 스타일 */
    .sfn-member-modal .modal-content {
        border-radius: 11px;
        height: 85vh !important;
    }

    /* 모달 헤더 스타일 */
    .sfn-member-modal .modal-header {
        border-bottom: 1px solid #dee2e6;
        padding: 14px 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /* 상단 X버튼 표시 */
    .sfn-member-modal .modal-header .modal-close-btn-mobile {
        display: block !important;
        background: none;
        border: none;
        font-size: 24px;
        color: #6c757d;
        cursor: pointer;
        padding: 0;
        line-height: 1;
    }

    /* 하단 닫기버튼 숨김 */
    .sfn-member-modal .modal-footer .modal-close-btn-pc {
        display: none !important;
    }

    /* 모달 타이틀 스타일 */
    .sfn-member-modal .modal-title {
        font-weight: 600;
        font-size: 1.1rem;
    }

    /* 모달 푸터 스타일 */
    .sfn-member-modal .modal-footer {
        display: flex;
        flex-direction: row-reverse;
        gap: 8px;
        padding: 1rem;
        border-top: none !important;
    }

    .sfn-member-modal .modal-footer .btn {
        flex: 1;
        margin: 0;
    }

    /* 딤 영역 드래그 방지 */
    .sfn-member-modal.modal {
        overflow: hidden;
        touch-action: none;
    }
}