| /*                                                                         |
| -------------------------------------------------------------------------- |
| SmartBridge Authentication Styles                                          |
| -------------------------------------------------------------------------- |
| */                                                                         |

/* ===========================
AUTH PAGE
=========================== */

.auth-section{
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
padding:60px 15px;
background:
linear-gradient(
135deg,
rgba(0,43,107,.95),
rgba(0,141,54,.90)
);
}

/* ===========================
AUTH CONTAINER
=========================== */

.auth-container{
width:100%;
max-width:500px;
}

/* ===========================
AUTH CARD
=========================== */

.auth-card{
background:#ffffff;
border:none;
border-radius:20px;
padding:40px;
box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.auth-card-header{
text-align:center;
margin-bottom:30px;
}

.auth-logo{
max-height:80px;
margin:0 auto 20px;
}

.auth-title{
font-size:2rem;
font-weight:700;
color:var(--primary);
margin-bottom:10px;
}

.auth-subtitle{
color:#6c757d;
font-size:.95rem;
}

/* ===========================
FORM ELEMENTS
=========================== */

.auth-form .form-label{
font-weight:600;
color:#495057;
}

.auth-form .form-control,
.auth-form .form-select{
height:55px;
border-radius:12px;
border:1px solid #dcdcdc;
padding:12px 15px;
transition:all .3s ease;
}

.auth-form textarea.form-control{
height:auto;
}

.auth-form .form-control:focus,
.auth-form .form-select:focus{
border-color:var(--secondary);
box-shadow:0 0 0 .15rem rgba(0,141,54,.15);
}

/* ===========================
INPUT GROUPS
=========================== */

.auth-form .input-group-text{
background:#f8f9fa;
border-radius:12px 0 0 12px;
border:1px solid #dcdcdc;
}

/* ===========================
AUTH BUTTON
=========================== */

.btn-auth{
width:100%;
height:55px;
border:none;
border-radius:12px;
background:var(--primary);
color:#fff;
font-weight:600;
transition:all .3s ease;
}

.btn-auth:hover

.btn-auth-secondary{
background:var(--secondary);
}

.btn-auth-secondary:hover

/* ===========================
LINKS
=========================== */

.auth-link{
color:var(--secondary);
font-weight:600;
}

.auth-link:hover{
color:var(--primary);
}

/* ===========================
DIVIDER
=========================== */

.auth-divider{
position:relative;
text-align:center;
margin:25px 0;
}

.auth-divider::before{
content:"";
position:absolute;
top:50%;
left:0;
width:100%;
height:1px;
background:#dee2e6;
}

.auth-divider span{
position:relative;
background:#fff;
padding:0 15px;
color:#6c757d;
font-size:.9rem;
}

/* ===========================
ALERTS
=========================== */

.auth-alert{
border:none;
border-radius:12px;
}

/* ===========================
PASSWORD TOGGLE
=========================== */

.password-toggle{
cursor:pointer;
background:#fff;
}

/* ===========================
ACCOUNT STATUS
=========================== */

.auth-status{
text-align:center;
margin-top:20px;
}

.auth-status small{
color:#6c757d;
}

/* ===========================
FOOTER
=========================== */

.auth-footer{
text-align:center;
margin-top:25px;
color:#6c757d;
font-size:.9rem;
}

/* ===========================
FILE UPLOAD
=========================== */

.file-upload-wrapper{
border:2px dashed #ced4da;
border-radius:15px;
padding:20px;
text-align:center;
transition:.3s;
}

.file-upload-wrapper:hover{
border-color:var(--secondary);
}

.file-upload-wrapper i{
font-size:2rem;
color:var(--secondary);
margin-bottom:10px;
}

/* ===========================
RESPONSIVE
=========================== */

@media (max-width:768px){


.auth-card{
    padding:30px 25px;
}

.auth-title{
    font-size:1.7rem;
}


}

@media (max-width:576px){


.auth-section{
    padding:30px 15px;
}

.auth-card{
    padding:25px 20px;
    border-radius:16px;
}

.auth-title{
    font-size:1.5rem;
}

.auth-logo{
    max-height:65px;
}


}