/* Création de compte : fenêtre centrée sur PC, feuille collée en bas sur téléphone. Propriétés logiques pour le miroir (arabe). */
.cpt-boutons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.profile .cpt-boutons{justify-content:flex-start;margin-block-start:6px}
.cpt-ouvrir{margin-block-start:0;min-height:32px;padding:0 14px;border:0;border-radius:999px;background:#e0643f;color:#fff;font-size:13px;font-weight:700;box-shadow:0 4px 10px rgba(120,50,40,.22)}
.cpt-clair{background:rgba(255,255,255,.7);color:#3d2217}
.cpt-boutons[hidden],.cpt-ouvrir[hidden]{display:none}
#tel .cpt-ouvrir{margin:0;min-height:44px;font-size:14px}

dialog.compte{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:.5px solid rgba(255,255,255,.8);border-radius:26px;color:#3d2217;
  background:rgba(255,240,230,.94);backdrop-filter:blur(30px) saturate(180%);box-shadow:0 30px 80px rgba(120,50,40,.35);overflow:auto;-webkit-user-select:text;user-select:text}
dialog.compte::backdrop{background:rgba(61,34,23,.4)}
dialog.compte form[hidden]{display:none}
dialog.compte form{display:flex;flex-direction:column;gap:12px;padding:22px}
.compte h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}
.cpt-intro{margin:0;font-size:14px;opacity:.8}
.cpt-champ{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600}
.cpt-champ[hidden]{display:none}
.cpt-champ small{font-size:12px;font-weight:500;opacity:.65}
.cpt-champ input,.cpt-champ .lst-bouton{width:100%;height:48px;border-radius:14px;border:.5px solid rgba(61,34,23,.25);background:rgba(255,255,255,.7);padding:0 14px;font:inherit;font-size:16px;font-weight:500;color:inherit}
.cpt-champ input[aria-invalid=true],.cpt-champ .lst-bouton[aria-invalid=true]{border:2px solid #c0392b}
.cpt-pays{display:flex;align-items:center;gap:10px}
.cpt-drapeau{width:32px;height:24px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.3);flex:none;object-fit:cover}
.cpt-drapeau[hidden]{display:none}
.cpt-erreur{margin:0;padding:10px 14px;border-radius:14px;background:#fde3de;color:#8a2316;font-size:14px;font-weight:600}
.cpt-erreur[hidden]{display:none}
.cpt-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.cpt-actions button{min-height:48px;padding:0 20px;border:0;border-radius:14px;font-size:16px;font-weight:700}
.cpt-primaire{background:#e0643f;color:#fff;flex:1 1 auto}
.cpt-secondaire{background:rgba(61,34,23,.1)}
.cpt-actions button:disabled{opacity:.6;cursor:progress}

@media (max-width:1023px){
  dialog.compte{width:100%;max-width:none;margin:auto 0 0;border-radius:26px 26px 0 0;max-height:94dvh}
  dialog.compte form{padding:20px 16px calc(16px + env(safe-area-inset-bottom))}
}

.cpt-info{margin:0;padding:10px 14px;border-radius:14px;background:#e2f3e4;color:#1f5a2a;font-size:14px;font-weight:600}
.cpt-info[hidden],.cpt-avertissement[hidden]{display:none}
.cpt-avertissement{margin:0;padding:10px 14px;border-radius:14px;background:#fff1c9;color:#6b4a00;font-size:14px;font-weight:600}
.cpt-lien{align-self:flex-start;min-height:40px;padding:0;border:0;background:none;color:inherit;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* Pseudonyme suivi de son drapeau, qui ouvre le changement de zone */
.pn-ligne{display:inline-flex;align-items:center;gap:8px}
.cpt-zone{display:inline-grid;place-items:center;min-width:28px;min-height:28px;padding:0;border:0;background:none;border-radius:6px}
.cpt-zone[hidden]{display:none}
.cpt-zone img{width:22px;height:16px;border-radius:3px;object-fit:cover;box-shadow:0 1px 3px rgba(0,0,0,.3)}
#tel .cpt-zone{min-width:44px;min-height:44px}

/* Gestion du compte : menu de la fenêtre et suppression */
.cpt-menu{min-height:48px;padding:0 16px;border:0;border-radius:14px;background:rgba(255,255,255,.7);color:inherit;font-size:16px;font-weight:700;text-align:start}
.cpt-danger.cpt-menu{color:#8a2316}
.cpt-primaire.cpt-danger{background:#b5321f}
.cpt-gestion{margin-block-start:6px}
.cpt-gestion[hidden]{display:none}

/* Achat d'un multiplicateur : même fenêtre que le compte, feuille en bas sur téléphone */
.achat-corps{display:flex;flex-direction:column;gap:12px;padding:22px}
dialog.compte .achat-corps form{padding:0}
.achat-bloc{display:flex;flex-direction:column;gap:12px}
.achat-bloc[hidden],.cpt-actions[hidden]{display:none}
.achat-montants{display:flex;flex-wrap:wrap;gap:8px}
.achat-montants button{min-height:44px;min-width:64px;padding:0 14px;border:0;border-radius:14px;background:rgba(255,255,255,.7);color:inherit;font-size:16px;font-weight:700}
.achat-montants button[aria-pressed=true]{background:#e0643f;color:#fff}
.achat-apercu{margin:0;font-size:16px;font-weight:700}
.achat-cases{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;border:0}
.achat-cases legend{padding:0;margin-block-end:6px;font-size:13px;font-weight:600}
.achat-case{display:flex;align-items:flex-start;gap:10px;min-height:32px;font-size:14px}
.achat-case input{flex:none;width:22px;height:22px;margin:0;accent-color:#e0643f}
.achat-tel p{margin:0 0 10px}
.achat-tel-mult b{font-size:20px}
@media (max-width:1023px){
  .achat-corps{padding:20px 16px calc(16px + env(safe-area-inset-bottom))}
}