.app-confirm-modal {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.app-confirm-modal[hidden] { display: none; }
.app-confirm-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.68); backdrop-filter: blur(8px); }
.app-confirm-dialog { position: relative; width: min(100%, 420px); border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg-2); box-shadow: var(--shadow); overflow: hidden; }
.app-confirm-header { padding: 20px 24px 0; }
.app-confirm-header h2 { margin: 0; font-size: 18px; }
.app-confirm-body { padding: 14px 24px 8px; }
.app-confirm-body p { margin: 0; color: var(--text); line-height: 1.6; }
.app-confirm-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 8px 24px 20px; }
@media (max-width: 780px) { .app-confirm-dialog { border-radius: 16px; } .app-confirm-header, .app-confirm-body, .app-confirm-footer { padding-inline: 18px; } }