/* Styling for view/disabled mode on the main page */
.prancha-page {
    background: #ffffff !important;
    width: 210mm !important;
    height: 297mm !important;
    max-height: 297mm !important;
    margin: 20px auto !important;
    padding: 0 !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    color: #000000 !important;
    opacity: 1 !important; /* Override standard disabled opacity */
    overflow: hidden !important;
}

.prancha-header {
    margin-bottom: 20px !important;
    text-align: center !important;
    width: 100% !important;
}

.prancha-header img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

.prancha-page:not(.prancha-resposta) .prancha-header img {
    aspect-ratio: 1024 / 179 !important;
}

.prancha-page.prancha-resposta .prancha-header img {
    aspect-ratio: 1024 / 175 !important;
}

.prancha-footer img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

.prancha-page:not(.prancha-resposta) .prancha-footer img {
    aspect-ratio: 2481 / 166 !important;
}

.prancha-page.prancha-resposta .prancha-footer img {
    aspect-ratio: 1024 / 68 !important;
}

.prancha-content {
    flex-grow: 1 !important;
    min-height: 0 !important;
    font-family: "Times New Roman", Times, serif !important;
    font-size: 12pt !important;
    line-height: 1.5 !important;
    color: #000000 !important;
    padding: 0 20mm 20mm 20mm !important;
}

.prancha-content img {
    max-width: 100% !important;
    max-height: 100% !important;
    height: auto !important;
}

.prancha-footer {
    margin-top: auto !important;
    text-align: center !important;
    width: 100% !important;
}

/* Page break styling */
.page-break {
    page-break-after: always !important;
}

/* Ensure the disabled TinyEditor wrapper doesn't restrict width or look bad */
.prose.dark\:prose-invert {
    max-width: none !important;
}

/* Print Styles */
@media print {
    body * {
        visibility: hidden !important;
    }
    .prancha-page, .prancha-page * {
        visibility: visible !important;
    }
    .prancha-page {
        width: 210mm !important;
        height: 297mm !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
        page-break-after: always !important;
        overflow: hidden !important;
    }
}