/* Blackcurrent login — small brand overrides on top of Bootstrap. */

body.login-page {
    font-family: "Inter", sans-serif;
    background-color: #E9ECEB; /* --neutral-200 */
}

.login-page .login-card {
    max-width: 26rem;
}

.login-page .login-logo {
    max-height: 2.25rem;
    width: auto;
    max-width: 100%;
}

.login-page h2 {
    font-size: 1.35rem;
    font-weight: 600;
}

.login-page a:not(.btn) {
    color: #49265E; /* --primary-tint */
}

.login-page .btn-primary {
    --bs-btn-bg: #2E183B; /* --primary-base */
    --bs-btn-border-color: #2E183B;
    --bs-btn-hover-bg: #170C1D; /* --primary-shade */
    --bs-btn-hover-border-color: #170C1D;
    --bs-btn-active-bg: #170C1D;
    --bs-btn-active-border-color: #170C1D;
    --bs-btn-disabled-bg: #2E183B;
    --bs-btn-disabled-border-color: #2E183B;
    width: 100%;
}

.login-page .form-control:focus {
    border-color: #49265E;
    box-shadow: 0 0 0 0.25rem rgba(73, 38, 94, 0.15);
}

.login-page .password-reset-intro {
    font-size: 0.875rem;
    color: var(--bs-secondary-color);
}

/* Password requirements checklist (partial shared with the Flex login). */
.login-page .password-requirements-panel {
    padding: 0.875rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    background-color: var(--bs-tertiary-bg);
    font-size: 0.875rem;
}

.login-page .password-requirements-title {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.login-page .password-requirement {
    display: flex;
    gap: 0.5rem;
}

.login-page .password-requirement-icon {
    width: 1.1rem;
    text-align: center;
}