/* Bestätigungsdialog (<dialog>, gesteuert vom confirm-Controller) */
.confirm-dialog {
  width: min(92vw, 28rem); padding: var(--space-5); color: var(--color-text);
  background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius);
  box-shadow: 0 12px 40px rgb(0 0 0 / 50%);
}
.confirm-dialog::backdrop { background: rgb(0 0 0 / 65%); }
.confirm-dialog h2 { margin-bottom: var(--space-2); }
.confirm-actions { display: flex; flex-direction: column-reverse; gap: var(--space-2); margin-top: var(--space-4); }
.confirm-actions .btn { margin: 0; }
@media (min-width: 600px) {
  .confirm-actions { flex-direction: row; justify-content: flex-end; }
}
@media (max-width: 599px) {
  .confirm-dialog { margin: auto auto calc(var(--space-4) + var(--safe-bottom)); }
}