/* BDI Proofing — Client Login. Restyled onto the BDI design system (see style guide 4.2). */
.bdi-login {
    display: flex; justify-content: center; padding: 80px var(--bdi-space-4);
    font-family: var(--bdi-font-body); color: var(--bdi-text);
}
.bdi-login-card {
    width: 100%; max-width: 400px; padding: 40px 36px;
    background: var(--bdi-bg); border: 1px solid var(--bdi-border);
    border-radius: var(--bdi-radius-lg); box-shadow: var(--bdi-shadow);
    text-align: left;
}
.bdi-login-title {
    font-family: var(--bdi-font-heading); font-weight: 400; font-size: 26px;
    line-height: 1.2; margin: 0 0 6px; color: var(--bdi-text);
}
.bdi-login-sub { margin: 0 0 24px; font-size: 14px; color: var(--bdi-text-soft); }
.bdi-login-error {
    margin: 0 0 20px; padding: 10px 13px; font-size: 14px;
    background: #fdecec; color: #a1271b; border-radius: var(--bdi-radius);
}
.bdi-login-form label {
    display: block; margin-bottom: var(--bdi-space-3);
    font-size: 13px; font-weight: 600; color: var(--bdi-text);
}
.bdi-login-form input {
    display: block; width: 100%; box-sizing: border-box; margin-top: 6px;
    height: 44px !important; min-height: 0 !important; padding: 0 14px;
    font-family: var(--bdi-font-body); font-size: 15px; color: var(--bdi-text); background: #fff;
    border: 1px solid var(--bdi-border); border-radius: var(--bdi-radius);
}
.bdi-login-form input:focus {
    outline: none; border-color: var(--bdi-brand);
    box-shadow: 0 0 0 3px rgba(0,95,115,0.12);
}
.bdi-login-btn {
    width: 100%; margin-top: 6px; padding: 12px;
    font-family: var(--bdi-font-body); font-size: 15px; font-weight: 500;
    border: 0; border-radius: var(--bdi-radius);
    background: var(--bdi-brand); color: #fff; cursor: pointer; transition: background-color .15s ease;
}
.bdi-login-btn:hover { background: var(--bdi-brand-hover); }