/**
 * confirm.css — the destructive-action confirmation modal (see lib/confirm.js).
 * Centered card floating over a mid-opacity scrim; primary (destructive) +
 * cancel actions stacked. Sized to stay clear of notches/home indicators and
 * to fit within small viewports without overflowing.
 */

.cf-ov{
  position:absolute;inset:0;background:rgba(6,12,20,.55);
  display:flex;align-items:center;justify-content:center;
  padding:20px calc(16px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));
  box-sizing:border-box;z-index:80;animation:cf-in .15s ease;
}
@keyframes cf-in{from{opacity:0}to{opacity:1}}
.cf-card{
  background:var(--surface);width:min(340px,100%);max-height:100%;overflow:auto;
  border-radius:20px;padding:22px 20px;box-shadow:var(--shadow-lg);
  animation:cf-pop .18s cubic-bezier(.2,.9,.3,1.2);
}
@keyframes cf-pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.cf-title{font-size:16.5px;font-weight:800;color:var(--ink);margin-bottom:6px;text-align:center}
.cf-msg{font-size:13.5px;font-weight:500;color:var(--muted);line-height:1.45;margin-bottom:18px;text-align:center}
.cf-btns{display:flex;flex-direction:column;gap:9px}
.cf-del{width:100%;padding:14px;border-radius:13px;background:var(--crit);color:#fff;font-weight:800;font-size:15px;border:none}
.cf-cancel{width:100%;padding:14px;border-radius:13px;background:var(--surface-2);color:var(--ink);font-weight:700;font-size:15px;border:none}