/* 로그인 컨테이너 스타일 */
.login-container {
    max-width: 300px; /* 400px에서 300px로 줄임 */
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}

/* 폼 요소 스타일 */
.form-label {
    font-weight: bold;
}

.form-control {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.btn {
    width: 100%;
    padding: 10px;
}

/* 회원ID, 암호 경고 Alert 위치 및 크기*/
.alert-container {
    position: fixed;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050; /* Bootstrap modal z-index */
    width: 30%; /* 가로 크기 설정 */
}

/* 로그인, 회원가입 버튼 크기 조정 */
.login-container .d-flex .btn {
    width: auto !important; /* 100% 너비 해제 */
    padding: 6px 16px !important; /* 상하 6px, 좌우 16px */
    font-size: 0.9rem !important; /* 폰트 크기 조정 */
    min-width: 80px !important; /* 최소 너비 */
    flex: 0 0 auto !important; /* flex 크기 고정 */
}

/* 버튼 컨테이너 간격 조정 - 양쪽 끝 정렬 */
.login-container .d-flex {
    gap: 15px !important; /* 버튼 사이 간격 */
    justify-content: space-between !important; /* 양쪽 끝 정렬 */
}