/*!
 * Nova 登录 / 注册 / 找回密码 页面
 * 覆盖 AdminLTE 2 默认外观，使 auth 区与前台 NovaTheme 视觉一致。
 * 加载顺序：dashboard.min.css 之后，因此同权重规则可覆盖。
 */

:root {
    --nva-brand: #5457ea;
    --nva-brand-dark: #4346d8;
    --nva-ink: #0c1223;
    --nva-muted: #626d8a;
    --nva-line: rgba(12, 18, 35, 0.10);
    --nva-field: #f7f8fd;
}

/* ---------- 背景 ---------- */
body.login-page {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
        "Hiragino Sans GB", "Microsoft YaHei", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--nva-ink);
    background:
        radial-gradient(1100px 560px at 8% -12%, #eef0ff 0%, rgba(238, 240, 255, 0) 62%),
        radial-gradient(900px 520px at 92% -6%, #e8f7f1 0%, rgba(232, 247, 241, 0) 58%),
        #f4f6fc;
    background-attachment: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 40px 16px 76px;
    -webkit-font-smoothing: antialiased;
}

/* ---------- 卡片 ---------- */
.login-box {
    width: 100%;
    max-width: 424px;
    margin: 0;
}

.login-logo {
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.login-logo a {
    color: var(--nva-ink);
    text-decoration: none;
}

.login-logo img {
    max-height: 54px;
    width: auto;
    display: inline-block;
}

/* logo 不可用时的文字标识 */
.login-logo .nva-wordmark {
    display: inline-block;
    font-size: 25px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--nva-ink);
    line-height: 1.2;
}

.login-box-body {
    background: #fff;
    border: 1px solid var(--nva-line);
    border-radius: 20px;
    box-shadow: 0 26px 64px -30px rgba(12, 18, 35, 0.38),
                0 2px 8px rgba(12, 18, 35, 0.04);
    padding: 28px 26px 18px;
    color: var(--nva-ink);
}

.login-box-msg {
    margin: 0 0 18px;
    padding: 0;
    text-align: center;
    font-size: 13.5px;
    color: var(--nva-muted);
}

/* ---------- 表单 ---------- */
.login-box-body .form-group {
    margin-bottom: 14px;
}

.login-box-body .form-control {
    height: 46px;
    padding: 10px 14px;
    font-size: 14.5px;
    color: var(--nva-ink);
    background: var(--nva-field);
    border: 1px solid var(--nva-line);
    border-radius: 12px;
    box-shadow: none;
    transition: border-color .16s, background .16s, box-shadow .16s;
}

.login-box-body .form-control::placeholder {
    color: #9aa3bd;
}

.login-box-body .form-control:focus {
    background: #fff;
    border-color: var(--nva-brand);
    box-shadow: 0 0 0 4px rgba(84, 87, 234, 0.12);
}

.login-box-body .form-group.has-error .form-control {
    border-color: #e2574c;
    box-shadow: 0 0 0 4px rgba(226, 87, 76, 0.10);
}

.login-box-body .checkbox {
    margin: 2px 0 16px;
}

.login-box-body .checkbox label {
    font-size: 13px;
    color: var(--nva-muted);
    padding-left: 4px;
}

.login-box-body .checkbox input[type="checkbox"] {
    margin-top: 3px;
    accent-color: var(--nva-brand);
}

/* ---------- 按钮 ---------- */
.login-box-body .btn {
    border-radius: 12px;
    font-weight: 600;
    transition: background .16s, border-color .16s, transform .06s;
}

.login-box-body .btn:active {
    transform: translateY(1px);
}

/* .btn-flat 会清零圆角，必须显式覆盖 */
.login-box-body .btn-primary,
.login-box-body .btn-primary:focus,
.login-box-body .btn-flat {
    border-radius: 12px;
}

.login-box-body .btn-primary,
.login-box-body .btn-primary:focus {
    height: 46px;
    font-size: 15px;
    color: #fff;
    background: var(--nva-brand);
    border-color: var(--nva-brand);
    box-shadow: none;
}

.login-box-body .btn-primary:hover,
.login-box-body .btn-primary:active {
    background: var(--nva-brand-dark);
    border-color: var(--nva-brand-dark);
}

.login-box-body .btn-primary[disabled],
.login-box-body .btn-primary.disabled {
    background: #8487f0;
    border-color: #8487f0;
    color: #fff;
    opacity: 1;              /* Bootstrap 默认给 disabled 加 .65 透明，这里要实色 */
    cursor: not-allowed;
}

/* ---------- 第三方登录 ---------- */
.social-auth-links {
    margin-top: 18px;
}

.social-auth-links > p {
    margin: 0 0 12px;
    font-size: 12px;
    letter-spacing: .04em;
    color: var(--nva-muted);
}

.login-box-body .btn-social {
    height: 42px;
    padding-left: 46px;
    font-size: 13.5px;
    font-weight: 500;
    text-align: left;
    color: var(--nva-ink);
    background: #f4f5fb;
    border: 1px solid var(--nva-line);
    border-radius: 12px;
    box-shadow: none;
}

.login-box-body .btn-social > .fa {
    width: 44px;
    height: 100%;
    padding: 0;
    line-height: 40px;
    font-size: 15px;
    text-align: center;
    background: transparent;
    border-right: 1px solid var(--nva-line);
}

.login-box-body .btn-social:hover {
    background: #eceefb;
}

.login-box-body .btn-facebook > .fa { color: #1877f2; }
.login-box-body .btn-twitter > .fa  { color: #1da1f2; }
.login-box-body .btn-google > .fa   { color: #ea4335; }

/* ---------- 底部链接 ---------- */
.login-box-body > a,
.login-box-body > p > a {
    display: inline-block;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 500;
    color: var(--nva-brand);
}

.login-box-body > a:hover,
.login-box-body > p > a:hover {
    color: var(--nva-brand-dark);
    text-decoration: none;
}

/* ---------- 提示条 ---------- */
.login-box-body .alert {
    border: none;
    border-radius: 12px;
    font-size: 13px;
    padding: 12px 14px;
}

/* ---------- 页脚 ---------- */
.login-page footer {
    font-size: 12px;
    color: #8b93ab;
    padding: 18px 16px 6px;
}

/* ---------- 注册 / 找回密码页表单较密，稍作压缩 ---------- */
.login-box-body form .form-group:last-of-type {
    margin-bottom: 16px;
}

/* ---------- 移动端 ---------- */
@media (max-width: 480px) {
    body.login-page {
        padding: 24px 14px 64px;
        justify-content: flex-start;
    }

    .login-box {
        max-width: 100%;
    }

    .login-box-body {
        padding: 22px 18px 18px;
        border-radius: 16px;
    }

    .login-logo img {
        max-height: 44px;
    }
}