/* ============================================================
   Sign-in pages (login.ascx, login/auth, login/verify, login/reset):
   fields and buttons in the FsBs.Master style. These pages run on
   Bootstrap 3 without the master, so the values are copied from
   theme.css :root rather than linked (theme.css is written for BS5).
   Scoped to .login-form; the left hero panel keeps its own look.
   ============================================================ */

.login-form {
    font-family: 'Instrument Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
    color: #1b1b1a;
    -webkit-font-smoothing: antialiased;
}

/* ---- fields: 44px, white, 3:1 border, 10px corners ---- */
.login-form input[type="text"],
.login-form input[type="password"],
.login-form input[type="email"] {
    display: block;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0 14px;
    font-size: 15px;
    line-height: normal;
    color: #1b1b1a;
    background: #fff;
    border: 1px solid #8c9199;
    border-radius: 10px;
    box-shadow: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
    .login-form input::placeholder { color: #5f6368; opacity: 1; }

    /* neutral focus: ink border + faint ring (no gold) */
    .login-form input[type="text"]:focus,
    .login-form input[type="password"]:focus,
    .login-form input[type="email"]:focus {
        outline: 0;
        border-color: #1b1b1a;
        box-shadow: 0 0 0 3px rgba(27, 27, 26, .10);
    }

    /* jquery.validate marks the field and adds a label.error after it */
    .login-form input.error { border-color: #c2403f; }
    .login-form input.error:focus { box-shadow: 0 0 0 3px rgba(194, 64, 63, .12); }
.login-form label.error { display: block; margin-top: 4px; font-size: 13px; font-weight: 400; color: #c2403f; }

.login-form input[type="checkbox"], .login-form input[type="radio"] { accent-color: #1c1c22; }

/* ---- buttons: charcoal primary, white secondary ---- */
.login-form .btn-login,
.login-form .btn-login-secondary {
    display: block;
    width: 100%;
    height: 44px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 42px;
    text-align: center;
    text-transform: none;
    letter-spacing: 0;
    white-space: nowrap;
    border-radius: 10px;
    box-shadow: none;
    cursor: pointer;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.login-form .btn-login {
    color: #fff;
    background: #1c1c22;
    border: 1px solid #1c1c22;
}
    .login-form .btn-login:hover,
    .login-form .btn-login:focus,
    .login-form .btn-login:active {
        color: #fff;
        background: #3a3a42;
        border-color: #3a3a42;
        text-decoration: none;
        outline: 0;
    }

.login-form .btn-login-secondary {
    color: #1b1b1a;
    background: #fff;
    border: 1px solid #c4c7cc;
}
    .login-form .btn-login-secondary:hover,
    .login-form .btn-login-secondary:focus,
    .login-form .btn-login-secondary:active {
        color: #1b1b1a;
        background: #f5f5f4;
        border-color: #a9adb3;
        text-decoration: none;
        outline: 0;
    }

    .login-form .btn-login:focus-visible,
    .login-form .btn-login-secondary:focus-visible { box-shadow: 0 0 0 3px rgba(27, 27, 26, .18); }

/* Reset Password + Cancel share a row */
.login-form .btn-row { display: flex; gap: 8px; }
    .login-form .btn-row > .btn-login,
    .login-form .btn-row > .btn-login-secondary { width: auto; }
    .login-form .btn-row > .btn-login { flex: 1 1 auto; }