/* Purpose: Public driver application page — 3-section form, doc tiles, Google login gate */
/* Used by: core/templates/core/join_us_driver.html (core:join_driver) */
/* Notes: BEM prefix cja__ — layout via Bootstrap utilities, only visual styling here */

.cja__hero {
    background: var(--brand-gradient-black-navy);
    color: var(--brand-white, #fff);
    border-radius: var(--brand-radius-lg);
}

.cja__hero-title {
    font-weight: var(--brand-font-weight-bold);
    letter-spacing: -0.02em;
}

.cja__step-badge {
    width: 2rem;
    height: 2rem;
    background: var(--brand-navy);
    color: #fff;
    border-radius: 50%;
    font-weight: var(--brand-font-weight-bold);
    font-size: 0.9rem;
    flex: 0 0 auto;
}

.cja__section-card {
    border: 1px solid var(--border-color);
    border-radius: var(--brand-radius-md);
    background: var(--bg-primary, #fff);
}

.cja__doc-tile {
    border: 1px dashed var(--border-color);
    border-radius: var(--brand-radius-sm);
    background: var(--bg-secondary);
}

.cja__doc-tile--done {
    border-style: solid;
    border-color: var(--brand-success);
}

.cja__doc-status {
    font-size: 0.75rem;
    color: var(--brand-success);
    font-weight: var(--brand-font-weight-bold);
}

.cja__login-gate .cja__form-wrap {
    filter: blur(2px);
    pointer-events: none;
    user-select: none;
    opacity: 0.6;
}

.cja__google-btn {
    border: 1px solid var(--border-color);
    background: #fff;
    color: var(--brand-black);
    font-weight: var(--brand-font-weight-bold);
}

.cja__google-btn:hover {
    background: var(--bg-secondary);
    color: var(--brand-black);
}

.cja__status-icon {
    font-size: 2.5rem;
    line-height: 1;
}