/*
 * SEIE v14.2.1 — Login Branding
 * Presentation only. Authentication logic is untouched.
 */

body.login-mode{
    min-height:100vh !important;
    background:
        radial-gradient(circle at 20% 10%, rgba(23,58,94,.08), transparent 32%),
        radial-gradient(circle at 80% 85%, rgba(76,181,81,.08), transparent 34%),
        #f3f6fa !important;
}

body.login-mode .sidebar{
    display:none !important;
}

body.login-mode .main-panel{
    width:100% !important;
    min-height:100vh !important;
    margin:0 !important;
    padding:42px 20px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
}

/* New visual identity above the existing login form */
body.login-mode .main-panel::before{
    content:"";
    display:block;
    width:min(430px,82vw);
    height:310px;
    margin:0 auto 18px;
    background-image:url('branding/seie-login-logo.png');
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
}

/* Existing login content remains intact */
body.login-mode main,
body.login-mode .card,
body.login-mode .login-card,
body.login-mode .login-container,
body.login-mode form{
    max-width:520px;
}

body.login-mode .card,
body.login-mode .login-card,
body.login-mode .login-container{
    width:min(520px,92vw) !important;
    background:#fff !important;
    border:1px solid #dfe6ee !important;
    border-radius:18px !important;
    box-shadow:0 18px 50px rgba(23,58,94,.12) !important;
}

body.login-mode input[type="email"],
body.login-mode input[type="text"],
body.login-mode input[type="password"]{
    min-height:48px !important;
    font-size:16px !important;
    border-radius:9px !important;
}

body.login-mode button[type="submit"],
body.login-mode input[type="submit"],
body.login-mode .btn{
    min-height:48px !important;
    font-size:16px !important;
    font-weight:700 !important;
    border-radius:9px !important;
}

/* Friendly labels when the current form already exposes standard labels */
body.login-mode label{
    font-size:15px !important;
    font-weight:700 !important;
}

/* Hide old SEIE/OIVS decorative branding when common selectors are present */
body.login-mode .sidebar-brand-text,
body.login-mode .brand,
body.login-mode .login-logo{
    display:none !important;
}

@media(max-width:640px){
    body.login-mode .main-panel{
        padding:24px 14px !important;
        justify-content:flex-start !important;
    }

    body.login-mode .main-panel::before{
        width:min(360px,88vw);
        height:245px;
        margin-top:10px;
    }
}