.profile-container { width: 500px; margin: 40px auto; padding: 15px 10px; border-radius: 5px; border: 1px solid #ced4da;}
@media(max-width: 768px) {.profile-container {width: 450px;}}
.profile_email {margin-bottom: 40px; text-transform: uppercase; color: #0caBE0; font-size: 20px; font-weight: bold;}

.profile_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; /* 왼쪽 - 오른쪽 정렬 */
    border: 1px solid #7f7f7f;
    border-top: none;
    border-left: none;
    border-right: none;
    margin: 10px 0;
    padding: 8px 0;
    flex-wrap: wrap; /* 줄바꿈 허용 (입력창+버튼 둘 다 나오게) */
}

.profile_title {margin: 5px 0 4px 0; font-weight: bold;}
.profile_contents {margin: 5px 10px 0 auto;}

.profile_input {
    padding: 6px 10px;
    border-radius: 5px;
    border: 1px solid #ced4da;
    width: 100%;
    box-sizing: border-box;
}

.profile_button {width: 15% !important; margin-right: 1px; font-size: 14px !important;}
.profile_button:hover,
.profile_button:active,
.profile_button:focus {
  background-color: #343a40; /* 클릭, 포커스, 호버 시에도 유지 */
  color: white;
  outline: none; /* 포커스 테두리 제거 */
}

.pw_modify_button {margin-left: auto;}

.profile_delete_account_button {
  white-space: nowrap; /* 줄바꿈 방지 */
  min-width: 150px;     /* 버튼 너비 확보 */
  padding: 10px 16px;
  font-size: 14px;
  text-align: center;
}

.profile_save,
.profile_cancel {
    display: none;
    padding: 5px 10px;
    cursor: pointer;
    width: auto;
    margin-left: 4px;
}


.profile_error {text-align: right; color: red; display: none; margin: 0;}

.profile_input_container {
    display: none;
    flex-direction: row; /* 가로 정렬 */
    align-items: center;
    gap: 8px;
    flex: 1; /* 남은 공간 꽉 채우게 */
}