/**
 * idf-confirm-modal v0.1.1 - Visuals
 *
 * v0.1.1 (#201 L5b): Overlay auf var(--overlay-scrim) (render-identisch).
 *
 * Promise-basierter Bestätigungs-Dialog, v2-Konsistenz: Primary `#c8134b`,
 * Confirm `#0c998e`, Danger zur Zeit identisch zu Primary (=rot). Cancel-
 * Button neutral mit Border.
 *
 * Z-Index 10000 — über sticky-thead (z-index 10) und idf-sortable-tree-
 * indicator (z-index 9000).
 */

.idf-cm-overlay {
  position: fixed;
  inset: 0;
  background: var(--overlay-scrim);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  opacity: 0;
  transition: opacity 150ms ease;
  pointer-events: none;
}
.idf-cm-overlay.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.idf-cm-dialog {
  background: var(--white, #fff);
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
  max-width: 600px;
  width: 90vw;
  padding: 24px;
  font-family: inherit;
  transform: translateY(8px);
  transition: transform 150ms ease;
}
.idf-cm-overlay.is-visible .idf-cm-dialog {
  transform: translateY(0);
}

.idf-cm-title {
  margin: 0 0 12px 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--ink, #111);
  display: flex;
  align-items: center;
  gap: 10px;
}
.idf-cm-title i {
  font-size: 1.125rem;
}
.idf-cm-default .idf-cm-title i { color: var(--mid, #555); }
.idf-cm-danger  .idf-cm-title i { color: var(--primary, #c8134b); }
.idf-cm-info    .idf-cm-title i { color: var(--accent, #167ea0); }

.idf-cm-body {
  margin: 0 0 20px 0;
  color: var(--ink, #111);
  font-size: 0.9375rem;
  line-height: 1.5;
}
.idf-cm-body strong { font-weight: 600; }
.idf-cm-body em     { font-style: italic; }
.idf-cm-body p      { margin: 0 0 8px 0; }
.idf-cm-body p:last-child { margin-bottom: 0; }

/* Button-Reihe — auf Mobile vertikal gestapelt, ab 480 px in einer
   Reihe und rechtsbündig (primärer Button rechts, Default-Pattern). */
.idf-cm-btns {
  display: flex;
  flex-direction: column-reverse;
  gap: 8px;
}
@media (min-width: 480px) {
  .idf-cm-btns {
    flex-direction: row;
    justify-content: flex-end;
  }
}

/* Buttons werden vollständig durch _shared/blocks/buttons/idf-buttons.css gestylt.
   Im JS werden die Klassen `.idf-btn .idf-btn-{default-Variante}` direkt
   am Button gesetzt — `.idf-cm-btn*`-Klassen existieren hier nicht mehr. */