/* =========================================================
   THE K SPARTA
   STUDENT LOGIN ONLY
   로그인 화면 전용 / 로그인 후 studentApp 절대 제어하지 않음
   ========================================================= */

/* hidden은 무조건 숨김 */
#studentLogin[hidden],
#loginDashboardPreview[hidden] {
    display:none !important;
}

/* =========================================================
   로그인 화면이 실제 표시 중일 때만 적용
   ========================================================= */
@media (min-width:1000px) {

    body.student-body:has(#studentLogin:not([hidden])) {
        margin:0 !important;
        padding:0 !important;
        width:100vw !important;
        height:100vh !important;
        overflow:hidden !important;
        background:#07192b !important;
    }

    /* 전체: 왼쪽 27 / 오른쪽 73 */
    #studentLogin.tk-login-screen {
        display:grid !important;
        grid-template-columns:27% 73% !important;
        width:100vw !important;
        height:100vh !important;
        min-height:100vh !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
        align-items:stretch !important;
    }

    /* ================= LEFT LOGIN ================= */

    #studentLogin .tk-login-card {
        grid-column:1 !important;
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        height:100vh !important;
        min-height:100vh !important;
        margin:0 !important;
        padding:32px 42px !important;
        box-sizing:border-box !important;
        border-radius:0 !important;
        overflow-y:auto !important;
        background:#fffdf8 !important;
    }

    #studentLogin .tk-login-content {
        width:100% !important;
        max-width:420px !important;
        margin:0 auto !important;
        box-sizing:border-box !important;
    }

    #studentLogin .tk-login-fields {
        width:100% !important;
    }

    #studentLogin .tk-login-fields label {
        display:block !important;
        width:100% !important;
    }

    /* 입력칸 */
    #studentLogin input {
        display:block !important;
        width:100% !important;
        height:54px !important;
        box-sizing:border-box !important;
        padding:0 16px !important;

        background:#f4f7fb !important;
        border:1px solid #d6dee9 !important;
        border-radius:10px !important;

        color:#111827 !important;
        -webkit-text-fill-color:#111827 !important;
        caret-color:#111827 !important;

        font-size:17px !important;
        font-weight:700 !important;
        opacity:1 !important;
    }

    #studentLogin input:focus {
        background:#ffffff !important;
        color:#111827 !important;
        -webkit-text-fill-color:#111827 !important;
        border-color:#c99a36 !important;
        outline:2px solid rgba(201,154,54,.16) !important;
    }

    #studentLogin input::placeholder {
        color:#8994a4 !important;
        -webkit-text-fill-color:#8994a4 !important;
        opacity:1 !important;
        font-weight:500 !important;
    }

    /* Chrome 자동완성 */
    #studentLogin input:-webkit-autofill,
    #studentLogin input:-webkit-autofill:hover,
    #studentLogin input:-webkit-autofill:focus {
        -webkit-text-fill-color:#111827 !important;
        caret-color:#111827 !important;
        box-shadow:0 0 0 1000px #f4f7fb inset !important;
        transition:background-color 9999s ease-out 0s;
    }

    #studentLogin .tk-login-button {
        width:100% !important;
        min-height:54px !important;
        font-size:17px !important;
        font-weight:800 !important;
    }

    /* ================= RIGHT PREVIEW ================= */

    #loginDashboardPreview {
        grid-column:2 !important;
        display:block !important;
        width:100% !important;
        height:100vh !important;
        min-width:0 !important;
        min-height:0 !important;
        margin:0 !important;
        overflow:auto !important;
        box-sizing:border-box !important;
    }
}

/* =========================================================
   중요:
   여기에는 #studentApp 스타일을 절대 작성하지 않는다.
   로그인 성공 후 화면은 기존 student.css /
   student-final.css가 그대로 담당한다.
   ========================================================= */
