/* ═══════════════════════════════════════════════════════════════════════
   dialogues.css — Fenêtres de confirmation / saisie de l'app
   ═══════════════════════════════════════════════════════════════════════ */
.dlg-fond{
  position:fixed;inset:0;z-index:9900;
  display:flex;align-items:center;justify-content:center;padding:22px;
  background:rgba(0,0,0,.72);backdrop-filter:blur(5px);
  animation:dlgEntree .13s ease-out;
}
.dlg-fond.dlg-sortie{animation:dlgSortie .13s ease-in forwards}
@keyframes dlgEntree{from{opacity:0}to{opacity:1}}
@keyframes dlgSortie{to{opacity:0}}

.dlg-boite{
  width:100%;max-width:400px;background:#1c1d21;
  border:1px solid rgba(255,255,255,.12);border-radius:15px;
  padding:26px 26px 20px;text-align:center;
  box-shadow:0 26px 70px rgba(0,0,0,.7);
  animation:dlgMonte .16s cubic-bezier(.2,.9,.3,1);
}
@keyframes dlgMonte{from{transform:translateY(12px) scale(.97);opacity:0}to{transform:none;opacity:1}}

.dlg-icone{font-size:2.2rem;margin-bottom:10px;line-height:1}
.dlg-titre{font-size:1.12rem;font-weight:800;color:#fff;margin-bottom:8px;line-height:1.3}
.dlg-texte{font-size:.87rem;color:#b9c0ca;line-height:1.55;margin-bottom:4px}

.dlg-champ{
  width:100%;margin-top:16px;background:#26282d;
  border:1.5px solid #383b41;border-radius:9px;
  padding:12px 14px;color:#fff;font-size:.94rem;font-family:inherit;
  transition:border-color .14s;
}
.dlg-champ:focus{outline:none;border-color:var(--green,#1db954)}
.dlg-champ::placeholder{color:#6d7480}

.dlg-erreur{
  color:#fca5a5;font-size:.78rem;margin-top:7px;text-align:left;
  display:none;
}
.dlg-erreur.visible{display:block}

.dlg-boutons{display:flex;gap:10px;margin-top:20px}
.dlg-btn{
  flex:1;border:none;border-radius:22px;padding:12px 16px;
  font-size:.87rem;font-weight:800;font-family:inherit;cursor:pointer;
  background:rgba(255,255,255,.1);color:#fff;transition:transform .11s,background .14s;
}
.dlg-btn:hover{background:rgba(255,255,255,.19)}
.dlg-btn:active{transform:scale(.97)}
.dlg-btn.principal{background:var(--green,#1db954);color:#04120a}
.dlg-btn.principal:hover{background:var(--green-h,#1ed760)}
.dlg-btn.danger{background:#c9313f;color:#fff}
.dlg-btn.danger:hover{background:#e03b4a}
.dlg-btn:focus-visible{outline:2px solid var(--green,#1db954);outline-offset:2px}