/* ═══════════════ « MODIFIER MON PROFIL » (Max, 03/10/2026 — js/br/compte.js paneModifier) ═══════════════
   « Un menu pour changer notre pseudo… le nom d'utilisateur tous les sept jours… un personnage en vitrine, un personnage
   favori… une description » (conception-ranked/profil/SPEC-MODIFIER.md § 5). Par-dessus le profil, comme « Ton compte » :
   à gauche l'aperçu de sa carte (ce que les autres voient), à droite quatre lignes qui s'enregistrent chacune seule ; le
   choix d'une balle prend le panneau de droite. La patte du nouveau menu : la nuit, l'encre épaisse, les ombres décalées,
   les capitales italiques, l'or pour ce qui enregistre et le blanc pour ouvrir. Mesuré en --u comme le profil (plancher
   de 12 px) ; au téléphone couché (520 px de haut ou moins), des pixels. Un fichier à part : css/compte.css appartient
   à la refonte du profil.
   Aussi ici : l'affichage sûr des textes des joueurs — le sens d'écriture isolé (un texte de droite à gauche ne
   retourne rien autour), rien qui dépasse. (La description des profils est retirée pour tout le monde : Max, 03/10
   17:42 — ni sur le profil, ni dans « Modifier mon profil ».) */

/* ─── l'affichage sûr des textes des joueurs ─── */
#cpModal .pf-nom, #cpModal .pf-h, #cpModal .cp-mod-txt, #cpModal .cp-sec-id > b, #chatLog b { unicode-bidi: isolate; }
#cpModal .pf-nom { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }

/* ─── la fenêtre ─── */
#cpModal .cp-mod-box { width: min(100%, calc(var(--u) * 128)); display: flex; flex-direction: column; overflow: hidden; }
#cpModal .cp-mod { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: calc(var(--u) * 36) minmax(0, 1fr); gap: calc(var(--u) * 2.4); align-items: start; }

/* à gauche : l'aperçu (sa carte comme sur son profil, l'ambiance de son meilleur rang) */
#cpModal .cp-mod-apercu { min-width: 0; display: flex; flex-direction: column; gap: calc(var(--u) * 1.1); }
#cpModal .cp-mod-lab { font: 800 max(12px, calc(var(--u) * 1.5))/1 var(--fc); letter-spacing: calc(var(--u) * 0.2); text-transform: uppercase; color: rgba(255, 255, 255, 0.72); }
#cpModal .cp-mod-scene { flex: none; height: calc(var(--u) * 36); min-height: 0; }
#cpModal .cp-mod-apercu[data-rk="place"] .pf-scene { --t1: #8E6BFF; --t2: #221A55; }
#cpModal .cp-mod-who { display: flex; flex-direction: column; gap: calc(var(--u) * 0.5); min-width: 0; }
#cpModal .cp-mod-who .pf-nom { display: block; }

/* à droite : les quatre lignes, dans le modèle des lignes de « Ton compte » */
#cpModal .cp-mod-droite { min-width: 0; min-height: 0; display: flex; flex-direction: column; }
#cpModal .cp-mod-list { display: flex; flex-direction: column; gap: calc(var(--u) * 1); }
#cpModal .cp-mod-list[hidden], #cpModal .cp-mod-choix[hidden] { display: none; }
#cpModal .cp-mod-row { --mc: #2D8CFF; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: calc(var(--u) * 0.8) calc(var(--u) * 1.6); min-height: max(56px, calc(var(--u) * 8.4)); box-sizing: border-box;
  padding: calc(var(--u) * 1) calc(var(--u) * 1.4) calc(var(--u) * 1) calc(var(--u) * 1.1); border: calc(var(--u) * 0.35) solid var(--ink); border-radius: calc(var(--u) * 1.2);
  background: rgba(255, 255, 255, 0.07); box-shadow: calc(var(--u) * 0.35) calc(var(--u) * 0.35) 0 var(--ink); transition: opacity 0.15s ease; }
#cpModal .cp-mod-row[data-k="h"] { --mc: #FFD23F; }
#cpModal .cp-mod-row[data-k="vit"] { --mc: #8E44E8; }
#cpModal .cp-mod-row[data-k="fav"] { --mc: #E5484D; }
/* (une ligne ouverte à la fois : les autres s'effacent un peu) */
#cpModal .cp-mod:not([data-ouvert=""]) .cp-mod-row:not(.ouvert) { opacity: 0.55; }
#cpModal .cp-mod-row.ouvert { background: rgba(255, 255, 255, 0.11); box-shadow: inset 0 0 0 calc(var(--u) * 0.25) rgba(255, 210, 63, 0.5), calc(var(--u) * 0.35) calc(var(--u) * 0.35) 0 var(--ink); }
/* le pictogramme carré, à la couleur de sa ligne */
#cpModal .cp-mod-i { display: grid; place-items: center; width: calc(var(--u) * 5.2); height: calc(var(--u) * 5.2); min-width: 34px; min-height: 34px; box-sizing: border-box;
  border: calc(var(--u) * 0.35) solid var(--ink); border-radius: calc(var(--u) * 1); background: var(--mc); box-shadow: calc(var(--u) * 0.3) calc(var(--u) * 0.3) 0 var(--ink); }
#cpModal .cp-mod-i svg { width: 72%; height: 72%; fill: none; stroke: none; }
#cpModal .cp-mod-at { font: italic 800 max(22px, calc(var(--u) * 3.4))/1 var(--fc); color: var(--ink); margin-top: calc(var(--u) * -0.3); }
/* le titre, la valeur en grand, l'indice */
#cpModal .cp-mod-t { min-width: 0; display: flex; flex-direction: column; gap: calc(var(--u) * 0.4); }
#cpModal .cp-mod-t > b { font: italic 800 max(13px, calc(var(--u) * 1.7))/1 var(--fc); letter-spacing: calc(var(--u) * 0.12); text-transform: uppercase; color: rgba(255, 255, 255, 0.72); }
#cpModal .cp-mod-v { display: flex; align-items: center; gap: calc(var(--u) * 0.8); min-width: 0; font: italic 800 max(18px, calc(var(--u) * 2.8))/1.1 var(--fc); letter-spacing: 0.3px; text-transform: uppercase; color: #fff; text-shadow: 2px 2px 0 var(--ink); }
#cpModal .cp-mod-txt { min-width: 0; padding-right: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* (le @ s'écrit en minuscules : jamais mis en capitales) */
#cpModal .cp-mod-row[data-k="h"] .cp-mod-v { text-transform: none; }
#cpModal .cp-mod-txt em { font-style: inherit; color: #FFD23F; }
#cpModal .cp-mod-ind { font: 500 max(12px, calc(var(--u) * 1.45))/1.3 var(--fb); color: rgba(255, 255, 255, 0.7); }
#cpModal .cp-mod-row.bloque .cp-mod-ind { color: #FFE27A; }
/* (le portrait de la vitrine et de la favorite, dans la valeur) */
#cpModal .cp-mod-pic { position: relative; flex: none; width: max(28px, calc(var(--u) * 3.8)); height: max(28px, calc(var(--u) * 3.8)); }
#cpModal .cp-mod-pic .cp-b { display: block; width: 100%; height: 100%; box-sizing: border-box; border: max(2px, calc(var(--u) * 0.3)) solid var(--ink); border-radius: 50%; background: #E7E2D8; object-fit: cover; }
#cpModal .cp-mod-pic .pf-star { left: auto; right: -7px; top: -6px; width: 18px; height: 18px; min-width: 18px; min-height: 18px; font-size: 12px; text-shadow: none; }
/* le bouton : blanc pour ouvrir ; « Dans 5 j » grisé quand le @ attend ses 7 jours */
#cpModal .cp-mod-btn { min-width: calc(var(--u) * 14); min-height: 44px; }
#cpModal .cp-mod-btn:disabled { cursor: default; transform: none; border-style: dashed; background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.9); box-shadow: none; }

/* le formulaire d'une ligne, dessous */
#cpModal .cp-mod-f { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: flex-end; gap: calc(var(--u) * 1) calc(var(--u) * 1.4); padding: calc(var(--u) * 0.6) 0 calc(var(--u) * 0.2); }
#cpModal .cp-mod-f[hidden] { display: none; }
#cpModal .cp-mod-f.busy { opacity: 0.7; }
#cpModal .cp-mod-champ { position: relative; flex: 1 1 calc(var(--u) * 30); min-width: 0; }
#cpModal .cp-mod-champ input { padding-right: calc(var(--u) * 9) !important; }
#cpModal .cp-mod-n { position: absolute; right: max(9px, calc(var(--u) * 1.1)); bottom: max(8px, calc(var(--u) * 1)); font: 700 max(12px, calc(var(--u) * 1.4))/1 var(--fc); letter-spacing: 0.5px; color: rgba(21, 21, 21, 0.55); pointer-events: none; }
#cpModal .cp-mod-champ:has(input) .cp-mod-n { top: 50%; bottom: auto; translate: 0 -50%; }
#cpModal .cp-mod-n.trop { color: #E4352A; }
#cpModal .cp-mod-f .cp-field { flex: 1 1 calc(var(--u) * 26); }
#cpModal .cp-mod-row[data-k="h"] .cp-mod-f { align-items: flex-start; }
#cpModal .cp-mod-f .cp-field > span:first-child { font-size: max(13px, calc(var(--u) * 1.6)); }
#cpModal .cp-mod-note { flex-basis: 100%; margin: 0; font: 600 max(12px, calc(var(--u) * 1.5))/1.35 var(--fb); color: rgba(255, 255, 255, 0.78); }
#cpModal .cp-mod-note b { color: #FFD23F; font-weight: 800; unicode-bidi: isolate; }
#cpModal .cp-mod-btns { display: flex; align-items: center; flex-wrap: wrap; gap: calc(var(--u) * 1) calc(var(--u) * 1.6); }
#cpModal .cp-mod-ok { flex: none; min-height: max(44px, calc(var(--u) * 5.4)); padding: calc(var(--u) * 0.6) calc(var(--u) * 2.4) calc(var(--u) * 0.8); }
#cpModal .cp-mod-ok b { font-size: max(18px, calc(var(--u) * 2.6)); }
#cpModal .cp-mod-ok:disabled { cursor: default; transform: none; filter: grayscale(0.85) brightness(0.9); opacity: 0.6; }
#cpModal .cp-mod-ann { min-height: max(44px, calc(var(--u) * 5.4)); }
#cpModal .cp-mod-f .cp-err { flex-basis: 100%; font-size: max(13px, calc(var(--u) * 1.5)); }

/* l'invité : ce qu'un compte gratuit lui donnerait de plus */
#cpModal .cp-mod-cta { display: flex; flex-direction: column; gap: calc(var(--u) * 1.2); padding: calc(var(--u) * 1.6) calc(var(--u) * 1.8); border: calc(var(--u) * 0.4) solid var(--ink); border-radius: calc(var(--u) * 1.3);
  background: rgba(255, 210, 63, 0.14); box-shadow: inset 0 0 0 calc(var(--u) * 0.25) rgba(255, 210, 63, 0.5), calc(var(--u) * 0.35) calc(var(--u) * 0.35) 0 var(--ink); }
#cpModal .cp-mod-cta p { margin: 0; font: 600 max(13px, calc(var(--u) * 1.7))/1.35 var(--fb); color: rgba(255, 255, 255, 0.88); }
#cpModal .cp-mod-cta p b { font: italic 800 max(15px, calc(var(--u) * 2.2))/1 var(--fc); text-transform: uppercase; color: #FFD23F; }
#cpModal .cp-mod-cta-b { display: flex; align-items: center; flex-wrap: wrap; gap: calc(var(--u) * 1) calc(var(--u) * 2); }
#cpModal .cp-mod-new { padding: calc(var(--u) * 0.6) calc(var(--u) * 2.4) calc(var(--u) * 0.8); }
#cpModal .cp-mod-new b { font-size: max(17px, calc(var(--u) * 2.4)); }

/* ─── le choix d'une balle (vitrine, favorite) : à la place des lignes ─── */
#cpModal .cp-mod-choix { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: calc(var(--u) * 1.2); }
#cpModal .cp-mc-h { flex: none; display: flex; align-items: center; gap: calc(var(--u) * 1.4); min-width: 0; }
#cpModal .cp-mc-back { flex: none; min-height: 44px; }
#cpModal .cp-mc-t { flex: none; font: italic 800 max(18px, calc(var(--u) * 2.8))/1 var(--fc); text-transform: uppercase; color: #fff; text-shadow: var(--out); white-space: nowrap; padding: 0 2px 2px 0; }
#cpModal .cp-mc-q { flex: 1 1 auto; min-width: 0; height: max(44px, calc(var(--u) * 5)) !important; font-size: max(16px, calc(var(--u) * 2)) !important; }
#cpModal .cp-mc-grille { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 6px 8px 10px 2px; }
#cpModal .cp-mc-grille.busy { opacity: 0.6; pointer-events: none; }
#cpModal .cp-mc-sec[hidden] { display: none; }
#cpModal .cp-mc-sec h4 { margin: calc(var(--u) * 1.4) 0 calc(var(--u) * 0.9); font: 800 max(12px, calc(var(--u) * 1.5))/1 var(--fc); letter-spacing: calc(var(--u) * 0.2); text-transform: uppercase; color: rgba(255, 255, 255, 0.72); }
#cpModal .cp-mc-sec h4 small { margin-left: 6px; font: inherit; color: rgba(255, 255, 255, 0.45); }
#cpModal .cp-mc-cells { display: grid; grid-template-columns: repeat(auto-fill, minmax(max(92px, calc(var(--u) * 11)), 1fr)); gap: calc(var(--u) * 1); }
/* une case : le portrait dans un rond à l'encre, le nom en capitales condensées ; le choix actuel : bord doré et ✓ */
#cpModal .cp-mb { position: relative; display: flex; flex-direction: column; align-items: center; gap: calc(var(--u) * 0.5); min-width: 0; padding: calc(var(--u) * 0.9) calc(var(--u) * 0.5) calc(var(--u) * 0.8);
  border: max(2px, calc(var(--u) * 0.3)) solid var(--ink); border-radius: calc(var(--u) * 1.1); background: rgba(255, 255, 255, 0.08); color: #fff; cursor: pointer;
  box-shadow: calc(var(--u) * 0.3) calc(var(--u) * 0.3) 0 var(--ink); transition: transform 0.1s ease, background-color 0.12s ease; }
#cpModal .cp-mb:hover { background: rgba(255, 255, 255, 0.17); transform: translate(-1px, -1px); }
#cpModal .cp-mb:active { transform: translate(1px, 1px); }
#cpModal .cp-mb[hidden] { display: none; }
#cpModal .cp-mb[aria-pressed="true"] { border-color: #FFD23F; background: rgba(255, 210, 63, 0.2); box-shadow: inset 0 0 0 2px #FFD23F, calc(var(--u) * 0.3) calc(var(--u) * 0.3) 0 var(--ink); }
#cpModal .cp-mb[aria-pressed="true"]::after { content: '✓'; position: absolute; right: -7px; top: -7px; width: 22px; height: 22px; box-sizing: border-box; border: 2.5px solid var(--ink); border-radius: 50%; background: #FFD23F; color: var(--ink); font: normal 800 13px/17px var(--fc); text-align: center; }
#cpModal .cp-mb-p { position: relative; display: block; width: max(48px, calc(var(--u) * 7.4)); aspect-ratio: 1; }
#cpModal .cp-mb-p .cp-b { display: block; width: 100%; height: 100%; box-sizing: border-box; border: max(2px, calc(var(--u) * 0.3)) solid var(--ink); border-radius: 50%; background: #E7E2D8; object-fit: cover; }
#cpModal .cp-mb-p .pf-fnv { right: -6px; bottom: -4px; min-width: 22px; height: 22px; min-height: 22px; font-size: 12px; }
#cpModal .cp-mb-auto { position: absolute; left: 50%; bottom: -5px; translate: -50% 0; padding: 2px 6px 3px; border: 2px solid var(--ink); border-radius: 6px; background: #FFD23F; color: var(--ink); font: italic 800 12px/1 var(--fc); letter-spacing: 0.5px; text-transform: uppercase; }
#cpModal .cp-mb-n { max-width: 100%; padding: 0 2px 1px 0; box-sizing: border-box; font: italic 800 max(12px, calc(var(--u) * 1.45))/1.05 var(--fc); letter-spacing: 0.3px; text-transform: uppercase; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#cpModal .cp-mb small { font: 700 12px/1 var(--fc); letter-spacing: 0.5px; text-transform: uppercase; color: rgba(255, 255, 255, 0.65); }
#cpModal .cp-mb-a { background: rgba(255, 210, 63, 0.1); }
#cpModal .cp-mc-rien { margin: calc(var(--u) * 2) 0; font: 600 max(14px, calc(var(--u) * 1.7))/1.3 var(--fb); color: rgba(255, 255, 255, 0.75); text-align: center; }
#cpModal .cp-mc-rien[hidden] { display: none; }

/* ─── au téléphone couché : la fenêtre prend l'écran ; 188 px pour l'aperçu, le reste pour les lignes ─── */
@media (max-height: 520px) {
  #cpModal .cp-mod-box { width: 100%; height: 100%; max-height: 100%; }
  #cpModal .cp-mod { grid-template-columns: 188px minmax(0, 1fr); gap: 10px; align-items: stretch; }
  #cpModal .cp-mod-apercu { min-height: 0; gap: 5px; }
  #cpModal .cp-mod-lab { font-size: 12px; letter-spacing: 1px; }
  #cpModal .cp-mod-scene { flex: 1 1 auto; height: auto; min-height: 70px; border-width: 3px; border-radius: 12px; box-shadow: 3px 3px 0 var(--ink); }
  #cpModal .cp-mod-who { gap: 3px; }
  #cpModal .cp-mod-who .pf-nom { font-size: 21px; }
  #cpModal .cp-mod-who .pf-nom.l { font-size: 19px; }
  #cpModal .cp-mod-who .pf-nom.xl { font-size: 15px; }
  #cpModal .cp-mod-who .pf-h { font-size: 12px; }
  /* (les lignes compactes ; une ligne ouverte prend tout le panneau, le panneau défile s'il le faut) */
  #cpModal .cp-mod-droite { overflow-y: auto; overscroll-behavior: contain; padding: 0 3px 3px 0; }
  #cpModal .cp-mod[data-mode="choix"] .cp-mod-droite { overflow: hidden; }
  #cpModal .cp-mod-list { gap: 4px; }
  #cpModal .cp-mod-row { min-height: 46px; gap: 3px 8px; padding: 3px 6px 3px 5px; border-width: 2px; border-radius: 9px; box-shadow: 2px 2px 0 var(--ink); }
  #cpModal .cp-mod:not([data-ouvert=""]) .cp-mod-row:not(.ouvert), #cpModal .cp-mod:not([data-ouvert=""]) .cp-mod-cta { display: none; }
  #cpModal .cp-mod-row.ouvert { box-shadow: inset 0 0 0 2px rgba(255, 210, 63, 0.5), 2px 2px 0 var(--ink); }
  #cpModal .cp-mod-i { width: 30px; height: 30px; min-width: 30px; min-height: 30px; border-width: 2px; border-radius: 7px; box-shadow: 1.5px 1.5px 0 var(--ink); }
  #cpModal .cp-mod-at { font-size: 20px; }
  #cpModal .cp-mod-t { gap: 2px; }
  #cpModal .cp-mod-t > b { font-size: 12px; letter-spacing: 0.6px; }
  #cpModal .cp-mod-v { gap: 6px; font-size: 16px; text-shadow: 1.5px 1.5px 0 var(--ink); }
  #cpModal .cp-mod-ind { display: none; font-size: 12px; }
  #cpModal .cp-mod-row.ouvert .cp-mod-ind { display: block; }
  #cpModal .cp-mod-pic { width: 22px; height: 22px; }
  #cpModal .cp-mod-pic .pf-star { width: 15px; height: 15px; min-width: 15px; min-height: 15px; right: -6px; top: -5px; border-width: 1.5px; font-size: 12px; }
  #cpModal .cp-mod-btn { min-width: 0; min-height: 40px; height: 40px; padding: 0 10px; font-size: 14px; border-width: 2.5px; box-shadow: 2px 2px 0 var(--ink); }
  #cpModal .cp-mod-f { gap: 5px 8px; padding-top: 2px; }
  #cpModal .cp-mod-champ input { padding-right: 58px !important; }
  #cpModal .cp-mod-n { font-size: 12px; right: 8px; bottom: 6px; }
  #cpModal .cp-mod-f .cp-field { flex-basis: 150px; }
  #cpModal .cp-mod-f .cp-field > span:first-child { font-size: 12px; }
  #cpModal .cp-mod-note { font-size: 12px; line-height: 1.3; }
  #cpModal .cp-mod-ok, #cpModal .cp-mod-ann { min-height: 40px; padding: 2px 14px 4px; border-width: 2.5px; box-shadow: 2px 2px 0 var(--ink); }
  #cpModal .cp-mod-ok b { font-size: 17px; }
  #cpModal .cp-mod-f .cp-err { padding: 3px 7px; font-size: 12px; }
  #cpModal .cp-mod-cta { gap: 6px; padding: 8px 10px; border-width: 2.5px; border-radius: 10px; box-shadow: inset 0 0 0 2px rgba(255, 210, 63, 0.5), 2px 2px 0 var(--ink); }
  #cpModal .cp-mod-cta p { font-size: 12px; }
  #cpModal .cp-mod-cta p b { font-size: 14px; }
  #cpModal .cp-mod-new { min-height: 40px; padding: 2px 14px 4px; border-width: 2.5px; box-shadow: 2px 2px 0 var(--ink); }
  #cpModal .cp-mod-new b { font-size: 16px; }
  /* le choix d'une balle : la grille défile dans son panneau */
  #cpModal .cp-mod-choix { height: 100%; gap: 6px; }
  #cpModal .cp-mc-h { gap: 6px; }
  #cpModal .cp-mc-back { min-height: 38px; height: 38px; padding: 0 9px; font-size: 14px; border-width: 2.5px; box-shadow: 2px 2px 0 var(--ink); }
  #cpModal .cp-mc-t { font-size: 16px; }
  #cpModal .cp-mc-q { height: 36px !important; font-size: 15px !important; border-width: 2.5px !important; }
  #cpModal .cp-mc-grille { padding: 4px 6px 6px 2px; }
  #cpModal .cp-mc-sec h4 { margin: 6px 0 5px; font-size: 12px; letter-spacing: 1px; }
  #cpModal .cp-mc-cells { grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); gap: 6px; }
  #cpModal .cp-mb { gap: 3px; padding: 6px 3px 5px; border-width: 2px; border-radius: 9px; box-shadow: 2px 2px 0 var(--ink); }
  #cpModal .cp-mb-p { width: 44px; }
  #cpModal .cp-mb-p .cp-b { border-width: 2px; }
  #cpModal .cp-mb-n { font-size: 12px; }
}
/* (les petits téléphones : 166 px pour l'aperçu) */
@media (max-height: 340px) {
  #cpModal .cp-mod { grid-template-columns: 166px minmax(0, 1fr); gap: 8px; }
  #cpModal .cp-mod-lab { display: none; }
  #cpModal .cp-mod-who .pf-nom { font-size: 19px; }
  #cpModal .cp-mod-who .pf-nom.l { font-size: 17px; }
  #cpModal .cp-mod-who .pf-nom.xl { font-size: 14px; }
  #cpModal .cp-mod-list { gap: 3px; }
  #cpModal .cp-mod-row { min-height: 40px; padding-top: 2px; padding-bottom: 2px; }
  #cpModal .cp-mod-row:not(.ouvert) { padding-top: 1px; padding-bottom: 1px; }
  #cpModal .cp-mod-i { width: 28px; height: 28px; min-width: 28px; min-height: 28px; }
  /* (le titre et la valeur sur une seule ligne : les quatre lignes tiennent dans 300 px de haut) */
  #cpModal .cp-mod-row:not(.ouvert) .cp-mod-t { flex-direction: row; align-items: center; gap: 8px; }
  #cpModal .cp-mod-row:not(.ouvert) .cp-mod-t > b { flex: none; max-width: 42%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  #cpModal .cp-mod-row:not(.ouvert) .cp-mod-v { flex: 1 1 auto; }
  #cpModal .cp-mod-t > b { font-size: 12px; }
  #cpModal .cp-mod-v { font-size: 15px; }
  #cpModal .cp-mod-btn { min-height: 32px; height: 32px; }
  #cpModal .cp-mod-ok, #cpModal .cp-mod-ann, #cpModal .cp-mod-new { min-height: 36px; }
  #cpModal .cp-mod-champ input { height: 34px !important; }
  #cpModal .cp-mod-f .cp-at input, #cpModal .cp-mod-f .cp-pw input { height: 34px !important; }
}
@media (prefers-reduced-motion: reduce) {
  #cpModal .cp-mod-row, #cpModal .cp-mb { transition: none; }
  #cpModal .cp-mb:hover, #cpModal .cp-mb:active { transform: none; }
}