/* ═══════════════════════════════════════════════════════════
   dialog.css — W Dialog
   Solo consume primitivas.
   ═══════════════════════════════════════════════════════════ */

.dialog-body {
  padding: var(--space-lg) var(--space-xl);
  font-size: var(--font-size-base);
  font-family: var(--font-family);
  color: var(--color-text-soft);
  line-height: 1.6;
}

.dialog-text {
  margin: 0;
}

/* ── Debug meta (type + message) ────────────────────────── */
.dialog-debug-meta {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  margin-bottom: var(--space-md);
}

.dialog-debug-row {
  display: flex;
  align-items: baseline;
  gap: var(--space-sm);
}

.dialog-debug-label {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-muted);
  min-width: 64px;
  flex-shrink: 0;
}

.dialog-debug-value {
  font-size: var(--font-size-base);
  color: var(--color-text-soft);
  font-weight: 500;
}

/* ── Debug stack ────────────────────────────────────────── */
.dialog-debug-stack {
  font-family: monospace;
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-base);
  padding: var(--space-md);
  white-space: pre-wrap;
  word-break: break-all;
  margin: 0;
  max-height: 200px;
  overflow-y: auto;
}

/* ── Botones ────────────────────────────────────────────── */

.dialog-buttons {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-xl) var(--space-lg);
}