/* ==========================================================
   BMGG WMS V3.0
   login.css
   Login page specific styles
========================================================== */

.login-card{
width:380px;
}

.login-card h2{
font-size:28px;
font-weight:700;
margin-bottom:6px;
color:var(--text-title);
}

.login-card > p{
font-size:14px;
color:var(--text-light);
margin-bottom:32px;
}

.login-card .form-group{
margin-bottom:22px;
}

.login-card .form-group label{
font-size:13px;
font-weight:600;
color:var(--text);
margin-bottom:8px;
display:block;
}

.login-card .form-group input{
height:46px;
font-size:15px;
}

.login-card select{
height:46px;
font-size:15px;
}

.remember{
display:flex;
align-items:center;
gap:10px;
font-size:14px;
color:var(--text);
margin-bottom:24px;
}

.remember input{
width:18px;
height:18px;
accent-color:var(--primary);
cursor:pointer;
}

.login-card .btn-primary{
width:100%;
height:48px;
font-size:15px;
letter-spacing:1px;
border-radius:var(--radius-md);
}

.login-card .version{
text-align:center;
margin-top:24px;
font-size:12px;
color:var(--text-placeholder);
}

.login-error{
background:#FDECEC;
color:var(--danger);
padding:12px 16px;
border-radius:var(--radius-sm);
font-size:13px;
margin-bottom:18px;
display:none;
}

.login-error.show{
display:block;
}

/* Login loading state */
.login-card .btn-primary.loading{
pointer-events:none;
opacity:.8;
}

.login-card .btn-primary.loading::after{
content:"";
width:18px;
height:18px;
border:2px solid rgba(255,255,255,.3);
border-top-color:#fff;
border-radius:50%;
animation:spin .8s linear infinite;
margin-left:8px;
}