/* Admin/assets/css/auth.css: login, forgot-password and change-password pages. Screen only. */
@media screen {

body.auth {
    min-height: 100vh;
    margin: 0;
    background: #16233a;
    color: #1e2733;
    font-family: Roboto, "Noto Sans Oriya", "Kalinga", "Segoe UI", system-ui, sans-serif;
}
.auth-layout { display: flex; min-height: 100vh; }
.auth-photo {
    flex: 1 1 auto;
    background: url('../images/bg1.jpg') center / cover no-repeat;
}
.auth-panel {
    display: flex;
    flex: 0 0 460px;
    max-width: 100%;
    flex-direction: column;
    justify-content: center;
    padding: 32px 48px;
    background: #fff;
}
.auth-brand { margin-bottom: 24px; text-align: center; }
.auth-brand img { height: 92px; }
.auth-brand h1 { margin: 14px 0 2px; font-size: 19px; font-weight: 600; line-height: 1.35; color: #16233a; }
.auth-brand p { margin: 0; color: #5a6472; font-size: 14px; }
.auth-panel label { font-weight: 500; color: #1e2733; }
.auth-panel .form-control { min-height: 42px; border: 1px solid #cdd2da; border-radius: 6px; color: #1e2733; }
.auth-panel .form-control:focus { border-color: #b9530b; box-shadow: 0 0 0 2px rgba(185, 83, 11, .18); }
.auth-panel .input-group-append .btn {
    border: 1px solid #cdd2da;
    border-left: 0;
    border-radius: 0 6px 6px 0;
    background: #f4f5f7;
    color: #5a6472;
}
.auth-submit {
    width: 100%;
    min-height: 44px;
    margin-top: 8px;
    border: 0;
    border-radius: 6px;
    background: #b9530b;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}
.auth-submit:hover, .auth-submit:focus { background: #97430a; color: #fff; }
.auth-link { display: inline-block; margin-top: 16px; color: #1d4f91; font-size: 14px; }
.auth-foot { margin-top: 28px; color: #5a6472; font-size: 12px; text-align: center; }
.auth-panel :focus-visible { outline: 2px solid #b9530b; outline-offset: 1px; }

@media (max-width: 860px) {
    .auth-layout { display: block; background: url('../images/bg1.jpg') center / cover no-repeat fixed; padding: 16px; }
    .auth-photo { display: none; }
    .auth-panel { max-width: 440px; min-height: 0; margin: 24px auto; padding: 28px 24px; border-radius: 10px; box-shadow: 0 8px 28px rgba(0, 0, 0, .3); }
    .auth-brand img { height: 76px; }
}

}