.page_member_edit .wrap_member_edit {

	width: 100%;

	max-width: none;

	margin: 0;

	padding: 0 0 4rem;

}



.page_member_edit .head_member_edit {

	margin-bottom: 1.25rem;

	padding-bottom: 0.85rem;

	border-bottom: 1px solid #e2e8f0;

}



.page_member_edit .title_member_edit {

	font-size: 1.25rem;

	font-weight: 800;

	color: #0f172a;

}



.page_member_edit .desc_member_edit {

	margin-top: 0.35rem;

	font-size: 0.8125rem;

	color: #64748b;

}



.page_member_edit .card_member_edit {

	background: #FFFFFF;

	border: 1px solid var(--login-border);

	border-radius: 1rem;

	padding: 1.75rem;

	box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);

}



.page_member_edit .input_readonly {

	background: #E2E8F0;

	color: #64748B;

	cursor: not-allowed;

}



.page_member_edit .mark_required {

	color: #EF4444;

	margin-left: 0.15rem;

}



.page_member_edit .row_member_edit_fields {

	display: grid;

	gap: 1rem 1.25rem;

	margin-bottom: 1.25rem;

}



.page_member_edit .row_member_edit_id,

.page_member_edit .row_member_edit_name {

	grid-template-columns: minmax(0, 1fr);

}



.page_member_edit .row_member_edit_contact {

	grid-template-columns: repeat(2, minmax(0, 1fr));

}



.page_member_edit .field_group {

	margin-bottom: 0;

	min-width: 0;

}



.page_member_edit .field_group_full {

	grid-column: 1 / -1;

}



.page_member_edit .text_member_id {

	margin: 0;

	padding: 0.65rem 0.9rem;

	border: 1px solid var(--login-border);

	border-radius: 0.5rem;

	background: #E2E8F0;

	font-size: 0.875rem;

	font-weight: 700;

	color: #334155;

}



.page_member_edit .row_phone_change {

	display: flex;

	gap: 0.5rem;

	align-items: stretch;

}



.page_member_edit .row_phone_change .input_field {

	flex: 1;

	min-width: 0;

}



.page_member_edit .btn_change_phone {

	flex-shrink: 0;

	min-width: 5.75rem;

	padding: 0 1rem;

	border: 1px solid var(--login-primary);

	border-radius: 0.5rem;

	background: #FFFFFF;

	color: var(--login-primary);

	font-size: 0.8125rem;

	font-weight: 700;

	cursor: pointer;

	transition: background 0.2s, color 0.2s;

}



.page_member_edit .btn_change_phone:hover:not(:disabled) {

	background: var(--login-primary);

	color: #FFFFFF;

}



.page_member_edit .btn_change_phone:disabled {

	opacity: 0.55;

	cursor: not-allowed;

}



.page_member_edit .section_member_edit_password {

	display: grid;

	gap: 1rem;

	margin-top: 0.25rem;

	padding-top: 1.5rem;

	border-top: 1px solid var(--login-border);

}



.page_member_edit .label_field {

	display: block;

	font-size: 0.875rem;

	font-weight: 700;

	color: #334155;

	margin-bottom: 0.45rem;

}



.page_member_edit .input_field {

	width: 100%;

	height: 2.75rem;

	padding: 0 0.9rem;

	border: 1px solid var(--login-border);

	border-radius: 0.5rem;

	background: #F1F5F9;

	font-size: 0.875rem;

	color: #0F172A;

	transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;

}



.page_member_edit .input_field:focus {

	outline: none;

	background: #FFFFFF;

	border-color: var(--login-accent);

	box-shadow: 0 0 0 3px rgba(102, 104, 175, 0.12);

}



.page_member_edit .input_field.is_invalid {

	border-color: #EF4444;

	background: #FEF2F2;

}



.page_member_edit .btn_submit_login {

	width: 100%;

	height: 3rem;

	border: none;

	border-radius: 0.65rem;

	background: var(--login-primary);

	color: #FFFFFF;

	font-size: 0.9375rem;

	font-weight: 800;

	cursor: pointer;

	transition: background 0.2s;

	margin-top: 1.5rem;

}



.page_member_edit .btn_submit_login:hover:not(:disabled) {

	background: var(--login-primary-hover);

}



.page_member_edit .btn_submit_login:disabled {

	opacity: 0.6;

	cursor: not-allowed;

}



.page_member_edit .alert_login {

	display: none;

	margin-bottom: 1rem;

	padding: 0.85rem 1rem;

	border-radius: 0.5rem;

	font-size: 0.8125rem;

	font-weight: 600;

}



.page_member_edit .alert_login.is_visible {

	display: block;

}



.page_member_edit .alert_login_error {

	background: #FEF2F2;

	border: 1px solid #FECACA;

	color: #B91C1C;

}



.page_member_edit .alert_login_success {

	background: #ECFDF5;

	border: 1px solid #A7F3D0;

	color: #047857;

}



.page_member_edit .msg_field_error {

	margin-top: 0.35rem;

	font-size: 0.75rem;

	color: #DC2626;

	display: none;

}



.page_member_edit .msg_field_error.is_visible {

	display: block;

}



@media (max-width: 767px) {

	.page_member_edit .row_member_edit_contact {

		grid-template-columns: 1fr;

	}

}