﻿/* nx-doc.css - Local theme override */

/* Layout: place control box to the right of the page content */
.nx-doc {
    grid-column: -1/1 ;
    display: flex ;
    flex-direction: row ;
    align-items: flex-start ;
    justify-content: center ;
    gap: 0px ;
    width: 100% ;
    box-sizing: border-box ;
    border-radius: var(--nx-border-radius) ;
    padding: var(--nx-space) ;
    background: var(--nx-primary-bg) ;
}

/* Control box sits beside the content (not absolutely positioned) */
.nx-doc-controlbox {
    position: static ;
    align-self: flex-start ;
    margin-left: calc(-1 * var(--nx-space-small)) ;
    z-index: 1 ;
}

/* Keep the existing page content size but allow it to shrink on small screens */
.nx-doc-content {
    width: 210mm ;
    min-height: 297mm ;
    box-sizing: border-box ;
    background: white ; /* Keep white for print document */
    color: #000 ; /* Ensure black text for print */
    border-radius: var(--nx-border-radius) ;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12) ;
    overflow: hidden ;
    position: relative ;
    padding: 10mm 10mm ;
    display: block ;
}

/* Page container */
.nx-doc-pages {
    display: flex ;
    flex-direction: column ;
    gap: var(--nx-space) ;
    padding: var(--nx-space) ;
}

/* Individual page */
.nx-doc-page {
    background: white ;
    border-radius: var(--nx-border-radius) ;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1) ;
}

@media print {
    .nx-doc {
        padding: 0 ;
        background: transparent ;
    }

    .nx-doc-content {
        min-height: min-content ;
        box-shadow: none ;
        border-radius: 0 ;
    }

    /* Put each page on its own printed page */
    .nx-doc-page {
        box-shadow: none ;
        margin: 0 ;
        border-radius: 0 ;
        page-break-after: always ;
    }

    /* Ensure measuring container is not printed */
    .nx-doc-measure {
        display: none ;
    }

    /* Make pages occupy full printable area when printing */
    .nx-doc-pages {
        gap: 0 ;
        padding: 0 ;
    }

    /* Hide control box when printing */
    .nx-doc-controlbox {
        display: none ;
    }
}
