/*
 * Karst Firewall 5.0 — public auth pages.
 *
 * Scopes: .kf-auth-card{,--wide}, .kf-auth-fieldset, .kf-auth-consents.
 * Sits on top of the Metronic / Bootstrap 5 base used by /backend/web/css/site.css.
 *
 * The .kf-auth-card--wide variant is reserved for the sign-up view which
 * has ~14 fields and needs more horizontal breathing room than the login
 * card.
 */

.kf-auth-card {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.kf-auth-card--wide {
    max-width: 760px;
}

.kf-auth-fieldset {
    border: 1px dashed var(--bs-gray-300, #dfe5ee);
    border-radius: 0.5rem;
    padding: 1rem 1.25rem 0.5rem;
    margin: 1rem 0;
}

.kf-auth-fieldset legend {
    width: auto;
    padding: 0 0.5rem;
    font-size: 0.85rem;
    color: var(--bs-secondary, #6c7281);
}

.kf-auth-consents {
    padding: 1rem;
    border-radius: 0.5rem;
    background: rgba(20, 83, 45, 0.04);
}

.kf-auth-consents .form-check {
    margin-bottom: 0.5rem;
}

.kf-auth-consents .form-text a {
    color: var(--bs-primary, #14532d);
    text-decoration: underline;
}

/* Tighter spacing for the captcha row */
.site-signup .field-signupform-captcha .help-block,
.site-signup .field-signupform-captcha .invalid-feedback {
    display: block;
    margin-top: 0.5rem;
}