/* ══════════════════════════════════════════════════════════════════════════
   ds-dialogue.css — les fenêtres de confirmation du site (ds-dialogue.js)
   Même allure que la confirmation des favoris (.cfm, ds-modales-post.css).
   ══════════════════════════════════════════════════════════════════════════ */
.dlg {
    position: fixed; inset: 0; z-index: 10200;
    display: flex; align-items: center; justify-content: center; padding: 20px;
    background: rgba(0,0,0,.72); opacity: 0; transition: opacity .15s ease;
    font-family: Verdana, sans-serif;
}
.dlg--ouverte { opacity: 1; }
.dlg-boite {
    background: var(--card-bg, #17171b); color: var(--text, #f2f2f2);
    border: 1px solid var(--border, rgba(255,255,255,.1)); border-radius: 16px;
    padding: 24px 22px 20px; width: 100%; max-width: 380px; text-align: center;
    box-shadow: 0 24px 60px rgba(0,0,0,.45);
    transform: translateY(8px) scale(.98); transition: transform .15s ease;
}
.dlg--ouverte .dlg-boite { transform: none; }
.dlg-icone { font-size: 1.7rem; color: var(--red, #ff2525); margin-bottom: 12px; }
.dlg-icone--danger { color: var(--red, #ff2525); }
.dlg-boite h3 { margin: 0 0 8px; font-size: .98rem; color: var(--text, #f2f2f2); line-height: 1.35; }
.dlg-boite p { margin: 0 0 18px; font-size: .8rem; color: var(--text-dim, #aaa); line-height: 1.55; white-space: pre-line; }
.dlg-champ {
    width: 100%; box-sizing: border-box; margin: 0 0 16px; padding: 9px 12px; border-radius: 10px;
    border: 1px solid var(--border, rgba(255,255,255,.12)); background: var(--bg, #0d0d0f); color: inherit;
    font: .78rem/1.3 ui-monospace, monospace;
}
.dlg-actions { display: flex; gap: 10px; justify-content: center; }
.dlg-actions--colonne { flex-direction: column; align-items: stretch; }
.dlg-btn {
    border-radius: 10px; padding: 9px 20px; font-size: .78rem; font-weight: 600; cursor: pointer;
    font-family: inherit; border: 1px solid transparent; transition: filter .12s ease, color .12s ease;
}
.dlg-btn--principal { background: var(--red, #ff2525); color: #fff; }
.dlg-btn--danger { background: var(--red, #ff2525); color: #fff; }
.dlg-btn--discret { background: none; border-color: var(--border, rgba(255,255,255,.14)); color: var(--text-dim, #aaa); }
.dlg-btn--discret:hover { color: var(--text, #fff); }
.dlg-btn--principal:hover, .dlg-btn--danger:hover { filter: brightness(1.08); }
.dlg-btn:focus-visible { outline: 2px solid var(--text, #fff); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .dlg, .dlg-boite { transition: none; } }