.login-msg{
    margin-bottom:12px;
    font-size:14px;
    text-align:center;
    display:none;
}

.login-msg.error{
    color:#f87171;
}

.login-msg.success{
    color:#4ade80;
}


 /* Overlay */
.overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.6);
    z-index:999;
    display:none;
}

/* Popup */
.login-popup{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:320px;
    background:#1e293b;
    border-radius:12px;
    box-shadow:0 20px 50px rgba(0,0,0,.5);
    z-index:1000;
    display:none;
    overflow:visible;   /* 🔴 QUAN TRỌNG */
}

/* Header */
.login-header{
    padding:12px 16px;
    background:#334155;
    border-radius:12px 12px 0 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-weight:bold;
}

/* Body */
.login-body{
    padding:16px;
    background:#1e293b;
}

/* Input */
.login-body input{
    width:100%;
    padding:10px;
    margin-bottom:12px;
    border-radius:8px;
    border:none;
    outline:none;
    background:#f8fafc;
    color:#000;
}

/* Button */
.btn-login{
    width:100%;
    padding:10px;
    background:linear-gradient(135deg,#667eea,#764ba2);
    border:none;
    border-radius:8px;
    color:white;
    font-weight:bold;
    cursor:pointer;
}