/* =====================================================
MSCC ERP Login Theme v2.1
- Login / Email Link / Forgot Password / Signup 공통
===================================================== */

/* 전체 배경 */
html,
body,
.web-container,
.page-container,
.for-login,
.for-email-login,
.for-signup,
.for-forgot,
.for-login-with-email-link {
    background:
        radial-gradient(
            circle at center,
            rgba(60,120,200,.30) 0%,
            rgba(30,55,95,.22) 28%,
            rgba(15,23,42,1) 65%,
            rgba(5,5,5,1) 100%
        ) !important;
    min-height: 100vh !important;
}

/* 상단/하단 기본 요소 제거 */
.navbar,
.navbar-expand,
.website-header,
.page-breadcrumbs,
footer,
.web-footer,
.website-footer,
.footer,
.newsletter,
.footer-subscribe {
    display: none !important;
}

/* 모든 로그인 보조 화면은 기본 숨김 */
.for-email-login,
.for-signup,
.for-forgot,
.for-login-with-email-link {
    display: none;
}

/* 현재 일반 로그인 화면만 표시 */
.for-login {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 100vh !important;
    text-align: center !important;
    padding: 40px 15px !important;
}

/* 로고 + 제목 영역 */
.page-card-head {
    text-align: center !important;
    margin-bottom: 62px !important;
}

/* 로고 */
.app-logo {
    max-height: 105px !important;
    margin: 0 auto 28px auto !important;
    display: block !important;
}

/* 제목 */
.page-card-head h4 {
    position: relative !important;
    display: inline-block !important;
    color: #ffffff !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    letter-spacing: .5px !important;
    margin: 0 !important;
}

/* 제목 아래 MSCC 녹색 실선 */
.page-card-head h4::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -28px;
    width: 110px;
    height: 3px;
    background: #00A651;
    border-radius: 3px;
}

/* 로그인 카드 */
.login-content.page-card,
.page-card {
    width: 500px !important;
    max-width: 92vw !important;
    background: #ffffff !important;
    border-radius: 22px !important;
    box-shadow: 0 25px 70px rgba(0,0,0,.60) !important;
    padding: 50px 55px !important;
    margin-top: 0 !important;
    box-sizing: border-box !important;
}

/* 로그인 폼 폭 정상화 */
.login-content.page-card form,
.login-content.page-card .page-card-body,
.login-content.page-card .form-group,
.login-content.page-card .input-group {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.login-content.page-card .form-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 입력창 */
.login-content.page-card .form-control {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background: #edf3ff !important;
    border: none !important;
    border-radius: 10px !important;
}

/* 입력창 focus */
.login-content.page-card .form-control:focus {
    background: #e8f0ff !important;
    box-shadow: 0 0 0 2px rgba(30,136,229,.18) !important;
}

/* 일반 로그인 버튼 */
.login-content.page-card .btn-login,
.login-content.page-card button.btn-login,
.login-content.page-card .btn.btn-primary.btn-login {
    background: linear-gradient(180deg, #1E88E5 0%, #1565C0 100%) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    height: 42px !important;
    font-weight: 600 !important;
}

/* 로그인 버튼 hover/focus */
.login-content.page-card .btn-login:hover,
.login-content.page-card button.btn-login:hover,
.login-content.page-card .btn.btn-primary.btn-login:hover,
.login-content.page-card .btn-login:focus,
.login-content.page-card button.btn-login:focus,
.login-content.page-card .btn.btn-primary.btn-login:focus {
    background: linear-gradient(180deg, #00A651 0%, #008A43 100%) !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(0,166,81,.35) !important;
}

/* Forgot / Email Link / Home 등 보조 버튼 */
.login-content.page-card .btn-primary,
.login-content.page-card .btn-forgot,
.login-content.page-card .btn-login-with-email-link {
    background: linear-gradient(180deg, #1E88E5 0%, #1565C0 100%) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 10px !important;
}

/* 보조 버튼 hover */
.login-content.page-card .btn-primary:hover,
.login-content.page-card .btn-forgot:hover,
.login-content.page-card .btn-login-with-email-link:hover {
    background: linear-gradient(180deg, #00A651 0%, #008A43 100%) !important;
}

/* Email Link 버튼과 '또는' 숨김 */
.login-with-email-link,
.login-divider,
.login-divider-section,
.login-divider-container {
    display: none !important;
}

/* 하단 저작권 문구 */
.for-login::after,
.for-email-login::after,
.for-signup::after,
.for-forgot::after,
.for-login-with-email-link::after {
    content: "© 2026 MISUNG CHEMICAL CO., LTD. All Rights Reserved.";
    display: block;
    color: rgba(255,255,255,.88);
    font-size: 15px;
    margin-top: 42px;
    letter-spacing: .2px;
}

/* 작은 화면 대응 */
@media (max-width: 600px) {
    .page-card-head h4 {
        font-size: 21px !important;
    }

    .app-logo {
        max-height: 82px !important;
    }

    .login-content.page-card,
    .page-card {
        width: 92vw !important;
        padding: 35px 28px !important;
    }
}