.confirmation-dialog {
  width: min(440px, calc(100% - 2rem));
  padding: 0;

  border: none;
  border-radius: 12px;

  background: var(--card);
  color: var(--card-foreground);

  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.24);
}

.confirmation-dialog::backdrop {
  background: rgba(17, 24, 39, 0.55);
}

.confirmation-dialog__content {
  padding: 1.5rem;
}

.confirmation-dialog__content h2 {
  margin: 0 0 0.75rem;
}

.confirmation-dialog__content p {
  margin: 0;

  color: var(--color-text-light);
  line-height: 1.5;
}

.confirmation-dialog__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;

  margin-top: 1.5rem;
}

.confirmation-dialog__button {
  min-height: 44px;
  padding: 0.7rem 1rem;

  border: 1px solid transparent;
  border-radius: 8px;

  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.confirmation-dialog__button--cancel {
  border-color: var(--border);
  background: var(--card);
  color: var(--foreground);
}

.confirmation-dialog__button--cancel:hover {
  border-color: #9ca3af;
  background: var(--color-bg);
}

.confirmation-dialog__button--confirm {
  background: var(--color-accent);
  color: #fff;
}

.confirmation-dialog__button--confirm:hover {
  background: #e60089;
}

/* Gefährliche Aktionen wie Löschen */

.confirmation-dialog--danger
.confirmation-dialog__button--confirm {
  background: #dc2626;
}

.confirmation-dialog--danger
.confirmation-dialog__button--confirm:hover {
  background: #b91c1c;
}

@media (max-width: 480px) {
  .confirmation-dialog__actions {
    grid-template-columns: 1fr;
  }
}