/* Content page document canvas: A4 layout + safe rendering.
   Used by Edit.razor (view mode), ContentDocumentCanvas, and View.razor.
   Styles are in a CSS file (not inline in components) so they are never
   emitted as body content and cannot appear as raw text on the page. */

/* Canvas Scroll Wrapper - Allows scrolling when content overflows */
.content-canvas-scroll-wrapper {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f5f5f5;
}

.content-canvas-center {
    display: flex;
    justify-content: center;
    padding: 32px 16px;
    min-height: 100%;
}

/* A4 Document Container - Shared by Global Content page and embedded viewer */
.a4-document-container {
    width: 210mm;
    min-height: 297mm;
    max-width: 100%;
    padding: 0;
    background: white !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    height: auto;
}

.a4-document-content {
    width: 100%;
    min-height: 297mm;
    padding: 0;
    background: white !important;
    display: flex;
    flex-direction: column;
}

/* View mode - ensure rendered content matches edit mode exactly.
   CRITICAL: Prevent flipped/mirrored text from inherited or inline styles. */
.a4-document-content .gp-doc-theme {
    padding: 20mm 15mm !important;
    background: white !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    overflow-x: hidden !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
                 Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
    color: #1e293b !important;
    line-height: 1.75 !important;
    font-size: 1rem !important;
    /* Prevent upside-down or mirrored text from parent or sanitized inline styles */
    transform: none !important;
    direction: ltr !important;
    writing-mode: horizontal-tb !important;
    unicode-bidi: normal !important;
}

.a4-document-content .gp-doc-theme * {
    max-width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    box-sizing: border-box !important;
}

.a4-document-content .gp-doc-theme table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

.a4-document-content .gp-doc-theme img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

.a4-document-content .gp-doc-theme pre {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: pre-wrap !important;
    max-width: 100% !important;
    overflow-x: auto !important;
}

.a4-document-content .gp-doc-theme code {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: pre-wrap !important;
    max-width: 100% !important;
}

.a4-document-content .gp-doc-theme p,
.a4-document-content .gp-doc-theme div,
.a4-document-content .gp-doc-theme span {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
}

@media (max-width: 768px) {
    .a4-document-container {
        width: 100%;
        min-height: auto;
        padding: 0;
    }

    .content-canvas-center {
        padding: 16px;
    }
}