/* =====================================================
   E-TIKET RSUD HANAFIAH
   FULLSCREEN MOBILE LOGIN
   NO WHITE SPACE - NO SCROLL
===================================================== */


/* RESET KHUSUS LOGIN */

.login-page,
.modern-login,
.auth-shell {

    width:100%;

    height:100%;

    margin:0;

    padding:0;

    overflow:hidden;

}



html,
body {

    width:100%;

    height:100%;

    margin:0 !important;

    padding:0 !important;

    overflow:hidden !important;

    background:#075985;

}



/* BACKGROUND FULL SCREEN */


.modern-login {

    min-height:100vh;

    min-height:100dvh;


    display:flex;

    align-items:center;

    justify-content:center;


    background:

    linear-gradient(
        135deg,
        #075985 0%,
        #0f766e 100%
    );


}



/* CARD LOGIN */


.login-container {


    width:100%;


    max-width:420px;


    background:#ffffff;


    border-radius:28px;


    padding:35px 30px;


    text-align:center;


    box-shadow:


    0 20px 60px rgba(0,0,0,.25);



}



/* LOGO */


.app-logo {


    width:95px;


    height:95px;


    object-fit:contain;


    border-radius:20px;


    margin-bottom:15px;


    box-shadow:


    0 8px 20px rgba(0,0,0,.18);



}



/* JUDUL */


.login-container h1 {


    margin:0;


    font-size:27px;


    font-weight:800;


    color:#12344d;


}



.app-name {


    margin-top:8px;


    font-size:14px;


    font-weight:600;


    color:#0f5f6d;



}



.hospital-name {


    margin-top:5px;


    font-size:12px;


    color:#64748b;


}



/* INPUT */


.input-group {


    width:100%;


    height:52px;


    margin-top:18px;


    display:flex;


    align-items:center;


    border:1px solid #d7e1e8;


    border-radius:14px;


    padding:0 15px;


    background:#ffffff;



}



.input-group i {


    color:#0f766e;


    font-size:18px;


}



.input-group input {


    width:100%;


    height:50px;


    flex:1;


    border:none !important;


    outline:none !important;


    background:transparent !important;


    padding-left:12px !important;


    margin:0 !important;


    font-size:15px;


    line-height:normal !important;



}



.input-group input::placeholder {


    color:#94a3b8;


}



/* BUTTON */


.login-button {


    width:100%;


    height:52px;


    margin-top:25px;


    border:none;


    border-radius:14px;


    background:#0f5f6d;


    color:white;


    font-size:17px;


    font-weight:700;



}



.login-button:active {


    transform:scale(.98);


}



/* SECURITY */


.security-box {


    margin-top:22px;


    padding:14px;


    border-radius:15px;


    background:#eefafa;


    color:#475569;


    font-size:12px;


    text-align:left;


    display:flex;


    gap:10px;



}



.security-box i {


    color:#0f766e;


    font-size:20px;


}



/* FOOTER */


.copyright {


    margin-top:20px;


    font-size:11px;


    line-height:1.5;


    color:#94a3b8;



}



.copyright strong {


    color:#0f5f6d;


}



/* ===================================
   HP
=================================== */


@media(max-width:480px){


.modern-login {


    padding:0;


}



.login-container {


    width:calc(100% - 24px);


    max-width:420px;


    padding:28px 20px;


    border-radius:24px;



}



.app-logo {


    width:85px;


    height:85px;



}



.login-container h1 {


    font-size:23px;


}



.app-name {


    font-size:13px;


}



.hospital-name {


    font-size:11px;


}



.input-group {


    height:48px;


    margin-top:14px;


}



.input-group input {


    height:46px;


    font-size:14px;


}



.login-button {


    height:48px;


    margin-top:20px;


    font-size:15px;


}



.security-box {


    margin-top:18px;


    padding:12px;


    font-size:11px;


}



.copyright {


    margin-top:15px;


    font-size:10px;


}



}





/* ===================================
   HP KECIL
=================================== */


@media(max-width:360px){


.login-container {


    padding:20px 15px;


}



.app-logo {


    width:75px;


    height:75px;


}



.login-container h1 {


    font-size:21px;


}



.security-box {


    display:none;


}



}
body {
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}


.modern-login {

    position:fixed;

    top:0;

    left:0;

    width:100vw;

    height:100vh;

    height:100dvh;

    margin:0;

    padding:0;

}


.input-icon {

    display:flex;

    align-items:center;

    justify-content:center;

    width:25px;

}



.input-group input {

    display:flex;

    align-items:center;

}