/* Minimal extras on top of Tailwind (TailAdmin-inspired) */
.json-viewer {
  margin: 0;
  white-space: pre;
  color: #e8edf2;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.json-key { color: #7dd3c0; }
.json-string { color: #f0c674; }
.json-number { color: #f68026; }
.json-bool { color: #93c5fd; }

/* Confirm modal open/close animation */
.delio-modal-backdrop {
  opacity: 0;
  transition: opacity 180ms ease-out;
}

.delio-modal-panel {
  opacity: 0;
  transform: translateY(12px) scale(0.96);
  transition: opacity 200ms ease-out, transform 200ms ease-out;
}

.delio-modal.is-open .delio-modal-backdrop {
  opacity: 1;
}

.delio-modal.is-open .delio-modal-panel {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.delio-modal.is-closing .delio-modal-backdrop {
  opacity: 0;
  transition-duration: 150ms;
}

.delio-modal.is-closing .delio-modal-panel {
  opacity: 0;
  transform: translateY(8px) scale(0.97);
  transition-duration: 150ms;
}

@media (prefers-reduced-motion: reduce) {
  .delio-modal-backdrop,
  .delio-modal-panel {
    transition: none;
  }
}

/* Soft live-refresh status (header only; page content is never flashed) */
#delio-live-status [data-live-dot].is-syncing {
  box-shadow: 0 0 0 3px rgba(6, 166, 119, 0.2);
}