/*
 * PER Tunnel — scoped styles (.ielp-per-*).
 *
 * Loads AFTER scpi-tunnel CSS. Minimal scaffold: modal-shell overrides,
 * brand tokens, status collapse. Step-specific styles arrive with step
 * classes in later prompts.
 *
 * Brand tokens: navy #07124A, orange #F18815 / #F9A23E / #E0700E.
 */

/* --- Brand accent on stepper active step -------------------------------- */
.per-tunnel-modal .scpi-tunnel-stepper li.is-active .scpi-tunnel-stepper__label {
    color: #07124A;
}
.per-tunnel-modal .scpi-tunnel-stepper li.is-done .scpi-tunnel-stepper__label {
    color: #F18815;
}

/* --- Status region: collapse when empty (mirrors AV) -------------------- */
#per-tunnel-status:empty {
    min-height: 0;
    padding: 0;
    border-top: 0;
}

/* --- Scaffold placeholder notice ---------------------------------------- */
.ielp-per-scaffold-notice {
    padding: 24px;
    text-align: center;
    color: #6B7280;
    font-size: 14px;
    line-height: 1.6;
}

/* ============================================================
 * L ESPACEMENT DES BLOCS DE QUESTION, ETAPE 3
 *
 * Report de la correction du lot 97, faite d abord sur l immobilier fractionne,
 * qui avait ete clone depuis l etape 3 du PER et en avait herite les defauts.
 *
 * .scpi-tunnel-field n est declaree nulle part, ni ici ni dans la feuille
 * partagee, et .scpi-tunnel-field__label n y est declaree que sur un ELEMENT
 * label : les blocs se touchaient, et le libelle collait a ses options. Mesure
 * avant correction, sur la page reelle : 0 px entre la question de l objectif
 * principal et celle de la date de depart, puis 0 px encore avant le mode de
 * sortie.
 *
 * LES VALEURS NE SONT PAS INVENTEES : 0.75rem et 0.35rem sont celles que la
 * feuille partagee donne deja a .scpi-tunnel-form label et a
 * label.scpi-tunnel-field__label.
 *
 * PORTEE PAR .per-tunnel-form, que seul ce parcours pose : SCPI, l assurance
 * vie et l immobilier fractionne ne peuvent pas l atteindre.
 * ============================================================ */
.per-tunnel-form .scpi-tunnel-field {
    margin-bottom: 0.75rem;
}
.per-tunnel-form .scpi-tunnel-field > span.scpi-tunnel-field__label {
    display: block;
    margin-bottom: 0.35rem;
}

/*
 * ET LA MEME TAILLE POUR LES DEUX VARIANTES DE LIBELLE.
 *
 * Les aides de rendu posent un <span> quand le bloc contient un groupe de
 * boutons radio, et un vrai <label> quand il contient un menu deroulant ou un
 * champ unique, qu un label peut designer. Or la feuille partagee reduit TOUT
 * label du formulaire a --scpi-tunnel-font-size-small. Sur la question de la
 * date de depart, la hierarchie en devenait inversee : le libelle a 11,9 px,
 * son aide a 16,8 px.
 */
.per-tunnel-form .scpi-tunnel-field > label.scpi-tunnel-field__label {
    font-size: inherit;
}