@charset "UTF-8";

/* 사용자 관리 (#system_user) */

/* 3모달 공통: 라벨 (font-size는 공통 .form-ti 사용) */
#system_user_detail_modal .form-ti,
#system_user_edit_modal .form-ti,
#system_user_register_modal .form-ti {
	min-width: 100px;
	margin: 0;
	text-align: left;
	font-weight: 500;
	color: #374151;
}

/* 3모달 공통: 입력 영역 (width/font-size는 공통 .form-control 사용) */
#system_user_edit_modal .form-control,
#system_user_register_modal .form-control {
	height: 45px;
	padding: 0 15px;
}

/* 상세: 읽기 전용 값 영역 (.form-value는 공통에 없어 전체 정의) */
#system_user_detail_modal .form-value {
	width: 100%;
	height: 45px;
	padding: 0 15px;
	font-size: 15px;
}


/* 상세: 읽기 전용 값 스타일 */
#system_user_detail_modal .form-value {
	color: #1d1d1d;
	background: #f9fafb;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	display: flex;
	align-items: center;
	word-break: break-word;
}

/* 상세: 비밀번호 래퍼 */
#system_user_detail_modal .password-view-wrapper {
	position: relative;
	width: 100%;
	height: 45px;
	display: flex;
	align-items: center;
}

#system_user_detail_modal .password-view-wrapper .form-value {
	flex: 1;
	height: 100%;
	padding-right: 45px;
}

/* SimpleBar 스크롤 */
#system_user_register_modal .modal__card,
#system_user_edit_modal .modal__card,
#system_user_detail_modal .modal__card {
    max-height: 65vh;
}

/* 게시판 형태 공통 맞춤 */
#system_user .tbody-scroll {
    max-height: calc(100vh - 570px);
    min-height: 120px;
}

#system_user .tbody-scroll table tbody tr {
    cursor: pointer;
}

#system_user .tbody-scroll table tbody tr:hover {
    background-color: #f8f9fa;
}

#system_user .pagination-wrap {
	margin-top: 20px;
}


/* 수정 모달: 사용자ID 읽기 전용 표시 (color는 공통 .form-control 사용) */
#system_user_edit_modal #edit_userId_display {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    pointer-events: none;
}

/* ========== 비밀번호 입력 필드 + 눈 아이콘 ========== */


/* 공통 비밀번호 입력 래퍼 */
#system_user_edit_modal .password-input-wrapper,
#system_user_register_modal .password-input-wrapper {
	position: relative;
	flex: 1;
	display: flex;
	align-items: center;
}

#system_user_edit_modal .password-input-wrapper input,
#system_user_register_modal .password-input-wrapper input {
	padding-right: 45px;
}

#system_user_edit_modal .password-toggle-btn,
#system_user_register_modal .password-toggle-btn,
#system_user_detail_modal .password-toggle-btn {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	border: none;
	background: none;
	cursor: pointer;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.2s;
}

#system_user_edit_modal .password-toggle-btn img,
#system_user_register_modal .password-toggle-btn img,
#system_user_detail_modal .password-toggle-btn img {
	width: 20px;
	height: 20px;
	display: block;
}

/* ========== 등록 모달 - 중복 확인 버튼 ========== */

/* 사용자ID 입력 + 중복확인 버튼 */
#system_user_register_modal .input-with-button {
	display: flex;
	gap: 8px;
	align-items: center;
	flex: 1;
}