/* /resources/static/css/login.css */

.login-container {
    display: flex; /* */
    justify-content: center; /* */
    align-items: center; /* */
    min-height: 90vh;
}

.login-box {
    background: #fff;
    /* 1. 전체 테두리를 왼쪽 강조 테두리로 변경 */
    border: 1px solid #f0f0f0;
    border-left: 5px solid var(--primary-color);

    /* 2. 다른 페이지와 통일감을 위해 border-radius 값 조정 */
    border-radius: 12px;

    padding: 40px;
    max-width: 500px;
    width: 100%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.login-box h2 {
    text-align: center; /* */
    color: var(--primary-color); /* */
    margin-bottom: 24px; /* */
}

.login-box .form-control {
    border: 2px solid var(--primary-color); /* */
    border-radius: 4px; /* */
    height: 48px; /* */
    margin-bottom: 1rem; /* */
}

.login-box .form-control:focus {
    box-shadow: none; /* */
    border-color: var(--primary-color); /* */
}

/* 로그인 버튼 */
.btn-login {
    background-color: var(--primary-color); /* */
    color: #fff; /* */
    font-weight: bold; /* */
    height: 48px; /* */
    border-radius: 4px; /* */
    margin-top: 16px; /* */
    width: 100%;
}

.btn-login:hover {
    background-color: #65b388; /* Primary color보다 약간 어둡게 */
}

/* 회원가입 버튼 */
.btn-register {
    background-color: var(--primary-color); /* */
    color: #fff; /* */
    font-weight: bold; /* */
    height: 48px; /* */
    border-radius: 4px; /* */
    margin-top: 1rem; /* */
    width: 100%;
}

.btn-register:hover {
    background-color: #65b388;
}

/* 링크 리스트 (아이디/비번찾기 등) */
.link-list {
    margin-top: 20px; /* */
    text-align: center; /* */
}

.link-list a {
    color: var(--primary-color); /* */
    text-decoration: none; /* */
    margin: 6px 0; /* */
    font-size: 0.95rem; /* */
    display: block; /* */
}

.link-list a:hover {
    text-decoration: underline; /* */
}

/* 중복확인 등 input 옆 버튼 */
.login-box .input-group {
    margin-bottom: 1rem; /* */
}

.login-box .input-group-append .btn {
    border: 2px solid var(--primary-color); /* */
    color: var(--primary-color); /* */
    min-width: 100px; /* */
    height: 48px; /* */
    background: #fff;
}

.login-box .input-group-append .btn:hover {
    background-color: #f2f2f2; /* */
}