/*
==========================================================
LQW Nexus ERP
Client Authentication
==========================================================
*/

:root{

    --lqw-primary:#0D2B52;
    --lqw-gold:#C8A45D;
    --lqw-light:#F7F8FA;
    --lqw-border:#E5E7EB;
    --lqw-text:#1F2937;
    --lqw-muted:#6B7280;
    --lqw-success:#16A34A;
    --lqw-danger:#DC2626;

}

/*==========================================================
Authentication Section
==========================================================*/

.lqw-client-auth,
.lqw-reservation-login{

    padding:80px 20px;

    background:var(--lqw-light);

}

/*==========================================================
Card
==========================================================*/

.lqw-auth-card{

    max-width:640px;

    margin:0 auto;

    background:#fff;

    border-radius:18px;

    padding:50px;

    box-shadow:
    0 15px 40px rgba(0,0,0,.08);

    border:1px solid var(--lqw-border);

}

/*==========================================================
Portal Label
==========================================================*/

.lqw-auth-label{

    display:inline-block;

    margin-bottom:15px;

    padding:6px 14px;

    border-radius:30px;

    background:#EEF4FB;

    color:var(--lqw-primary);

    font-size:12px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

/*==========================================================
Logo
==========================================================*/

.lqw-auth-logo{

    text-align:center;

    margin-bottom:20px;

}

.lqw-auth-logo img{

    width:72px;

    height:72px;

    object-fit:contain;

    display:inline-block;

}

/*==========================================================
Headings
==========================================================*/

.lqw-auth-card h2{

    margin:0 0 18px;

    text-align:center;

    color:var(--lqw-primary);

    font-size:36px;

    font-weight:700;

}

.lqw-auth-description{

    text-align:center;

    color:var(--lqw-muted);

    line-height:1.8;

    margin-bottom:35px;

}

/*==========================================================
Benefits
==========================================================*/

.lqw-auth-benefits{

    background:#FAFBFC;

    border:1px solid var(--lqw-border);

    border-radius:12px;

    padding:25px;

    margin:35px 0;

}

.lqw-auth-benefits h3{

    margin-top:0;

    color:var(--lqw-primary);

    font-size:18px;

}

.lqw-auth-benefits ul{

    margin:20px 0 0;

    padding-left:20px;

}

.lqw-auth-benefits li{

    margin-bottom:12px;

    color:var(--lqw-text);

}

/*==========================================================
Buttons
==========================================================*/

.lqw-auth-actions{

    display:flex;

    gap:15px;

    margin-top:35px;

}

.lqw-auth-actions a{

    flex:1;

    text-align:center;

    text-decoration:none;

    border-radius:12px;

    padding:16px 22px;

    font-weight:600;

    transition:.25s;

}

.lqw-button-primary{

    background:var(--lqw-primary);

    color:#fff;

}

.lqw-button-primary:hover{

    background:#163D73;

    transform:translateY(-2px);

}

.lqw-button-outline{

    background:#fff;

    color:var(--lqw-primary);

    border:2px solid var(--lqw-primary);

}

.lqw-button-outline:hover{

    background:var(--lqw-primary);

    color:#fff;

}

/*==========================================================
Footer
==========================================================*/

.lqw-auth-footer{

    text-align:center;

    margin-top:35px;

    color:var(--lqw-muted);

}

.lqw-auth-footer a{

    color:var(--lqw-primary);

    font-weight:600;

    text-decoration:none;

}

/*==========================================================
Forms
==========================================================*/

.lqw-client-auth form{

    margin-top:30px;

}

.lqw-client-auth label{

    display:block;

    margin-bottom:8px;

    font-weight:600;

    color:var(--lqw-primary);

}

.lqw-client-auth input,
.lqw-client-auth select,
.lqw-client-auth textarea{

    width:100%;

    padding:15px 18px;

    border:1px solid var(--lqw-border);

    border-radius:10px;

    margin-bottom:18px;

    font-size:15px;

    transition:.25s;

    background:#fff;

}

.lqw-client-auth input:focus,
.lqw-client-auth select:focus,
.lqw-client-auth textarea:focus{

    outline:none;

    border-color:var(--lqw-primary);

    box-shadow:
    0 0 0 3px rgba(13,43,82,.10);

}

/*==========================================================
Messages
==========================================================*/

.lqw-auth-message{

    background:#FEF2F2;

    border-left:4px solid var(--lqw-danger);

    padding:18px;

    margin-bottom:25px;

    border-radius:8px;

}

.lqw-auth-success{

    background:#ECFDF5;

    border-left:4px solid var(--lqw-success);

    padding:18px;

    margin-bottom:25px;

    border-radius:8px;

}

/*==========================================================
Mobile
==========================================================*/

@media(max-width:768px){

    .lqw-auth-card{

        padding:35px 25px;

    }

    .lqw-auth-card h2{

        font-size:28px;

    }

    .lqw-auth-actions{

        flex-direction:column;

    }

}