/* Le dossier d'inscription chez la compagnie (V8-48, maquette P10-24).
   Rien que des jetons : changer les 5 couleurs d'un réseau recolore ces lignes aussi. */

.copy-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .45rem 0;
    border-bottom: 1px dashed var(--brand-line-soft);
}

.copy-field:last-child {
    border-bottom: 0;
}

/* Un enfant de flex ne rétrécit pas sous son contenu : sans min-width, un e-mail long
   pousse le bouton hors de la carte (charte front §3, .min-w-0). */
.copy-field .copy-text {
    min-width: 0;
    word-break: break-word;
}

.copy-field .btn {
    flex: 0 0 auto;
}

/* Un code se lit d'un bloc : sans ça, « SOPHIE-705 » se coupe au tiret en fin de ligne sur
   téléphone — un code à moitié lu, c'est une divergence d'arbre (recette 14/09). Le libellé
   qui précède passe à la ligne à sa place. Le champ autorisant 80 caractères, un code
   aberrant défile dans sa propre boîte plutôt que d'élargir la page (charte front). */
.copy-field .copy-whole {
    display: inline-block;
    max-width: 100%;
    overflow-x: auto;
    vertical-align: bottom;
    white-space: nowrap;
}