/* ==========================================================================
   confirm.css — Delete-confirm dialog.
   Part of منصة عقاب dashboard styles. Split from the former app.css.
   Cascade order is significant; see docs/flows/INDEX.md.
   ========================================================================== */
/* ══════════════════════════════════════════════════════
   CONFIRM DIALOG
══════════════════════════════════════════════════════ */
#confirm-dialog {
  position: fixed; inset: 0; z-index: 400;
  display: none; align-items: center; justify-content: center;
  background: rgba(0,0,0,.55); backdrop-filter: blur(8px); padding: 20px;
}
[data-theme="light"] #confirm-dialog { background: rgba(80,60,30,.2); }
.confirm-card {
  background: var(--s1); border: 1px solid var(--b2);
  border-radius: var(--r4); padding: 24px 22px;
  width: 100%; max-width: 290px; box-shadow: 0 32px 60px var(--sh);
}
.confirm-title { font-family: var(--fh); font-size: 14.5px; font-weight: 700; color: var(--t1); margin-bottom: 7px; }
.confirm-text { font-size: 12.5px; color: var(--t2); margin-bottom: 20px; line-height: 1.55; }
.confirm-btns { display: flex; gap: 9px; }
.confirm-del {
  flex: 1; background: rgba(232,96,96,.1); border: 1px solid rgba(232,96,96,.28);
  color: var(--red); font-family: var(--fh); font-size: 13px; font-weight: 700;
  padding: 9px; border-radius: var(--r2); transition: background .15s;
}
.confirm-del:hover { background: rgba(232,96,96,.18); }
.confirm-cancel {
  flex: 1; background: var(--s2); border: 1px solid var(--b2);
  color: var(--t1); font-family: var(--fh); font-size: 13px; font-weight: 600;
  padding: 9px; border-radius: var(--r2); transition: background .15s;
}
.confirm-cancel:hover { background: var(--s3); }