/* Document builder canvas - isolation from app theme/CSS
   Only document theme (DocumentThemeDto) and document design constants apply inside.
   No app.css, MudBlazor, or body.theme-* influence. Used for PDF viewer and all
   Modern Document Builder editors (templates, documents, slides).
   Do not add app theme selectors (body.theme-dark, .mud-*, etc.) that target
   .document-builder-canvas or its descendants - document content is 100% isolated. */

.document-builder-canvas {
  /* Containment so layout/style don't leak from outside; isolate stacking context */
  contain: layout style;
  isolation: isolate;
  /* Base appearance comes from injected theme CSS or neutral defaults for viewer */
  box-sizing: border-box;
}

/* PDF viewer: neutral background so document area is not app-themed when no theme is passed */
.document-builder-canvas.pdf-viewer-canvas {
  background-color: #e8e8e8;
}

/* Custom block chrome: use these classes in editorjs-tools so editor matches PDF (same as BlockStyleConstants). */
.document-builder-canvas .field-placeholder-block,
.document-builder-canvas .toc-placeholder-block {
  padding: 8px 12px;
  border: 1px dashed #cbd5e1;
  border-radius: 4px;
  background-color: #f9f9f9;
}
.document-builder-canvas .field-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  color: inherit;
  background-color: #e2e8f0;
  border: 1px solid #cbd5e1;
}
.document-builder-canvas .repeater-block-chrome,
.document-builder-canvas .conditional-block-chrome {
  padding: 12px 16px;
  border: 1px dashed #cbd5e1;
  border-radius: 4px;
  background-color: #f8fafc;
}
.document-builder-canvas .column-editor-placeholder {
  padding: 16px;
  text-align: center;
  font-style: italic;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  opacity: 0.7;
}
.document-builder-canvas .logo-placeholder,
.document-builder-canvas .signature-block {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 16px;
}
.document-builder-canvas .page-break-line {
  border-top: 2px dashed #cbd5e1;
  margin: 8px 0;
}