/* =====================================================================
   ÉCRAN — PORTAIL ENTITÉ D'EASYCONSO (POR-01, réserve n° 7)

   Préfixe .pco-* (portail conso). Quatre écrans le lisent — connexion,
   mot de passe, accueil, questionnaire — et aucun du back-office : la
   faire monter dans le gabarit imposerait à toutes les pages internes
   une charge qui ne les concerne pas. Même raisonnement que .pcv-* du
   portail client.

   CE QUI N'EST PAS ICI : la carte d'authentification et son formulaire
   (.portail-auth, .portail-card, .portail-auth-form, .portail-champ,
   .portail-auth-cta d'easytime-shell.css, partagés par les trois portails),
   les champs et boutons (.mx-input, .mx-zone, .mx-btn), la carte
   (.mx-carte), la bande de faits (.mx-faits), la liste (.tbl-* via
   Tableau.razor), les bandeaux d'état (.mx-blocage). Empruntés, pas
   redéfinis.

   AUCUNE COULEUR EN DUR, aucun rayon : var(--et-*) seulement.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. LE FORMULAIRE D'AUTHENTIFICATION — monté dans easytime-shell.css
   (.portail-auth-form, .portail-champ, .portail-auth-cta, .portail-auth-pied)
   quand le portail client l'a repris : deux portails, une seule règle.
   --------------------------------------------------------------------- */

/* ---------------------------------------------------------------------
   2. LE QUESTIONNAIRE — une question par bloc, la réponse dessous.

   Le libellé d'une question est une phrase, souvent longue : la colonne
   de 158 px la couperait en six lignes. Elle prend donc toute la largeur,
   et la zone de saisie aussi.
   --------------------------------------------------------------------- */
.pco-question { padding: 12px 18px; border-bottom: 1px solid var(--et-hairline); }
.pco-question:last-child { border-bottom: 0; }
.pco-question > label {
    display: block; margin: 0 0 4px;
    font-size: 13px; font-weight: 600; color: var(--et-ink);
}
.pco-question-date { margin-bottom: 6px; font-size: 12px; color: var(--et-muted); }

/* ---------------------------------------------------------------------
   3. L'ACCUEIL — la carte du questionnaire, ligne unique.
   --------------------------------------------------------------------- */
.pco-avancement { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 18px; }
.pco-avancement-txt { flex: 1 1 200px; min-width: 0; font-size: 13px; color: var(--et-ink); }

/* Le palier tactile de ces écrans est celui du formulaire partagé
   (lot02-cibles-tactiles.css) : rien ici ne descend sous 44 px. */