// A4 Paper Simulation Styles

.paper-wrapper {
    background-color: #525659; // Dark background like PDF viewers
    padding: 30px 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;

    @media print {
        background-color: white;
        padding: 0;
        display: block;
    }
}

.a4-page {
    width: 210mm;
    min-height: 297mm;
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    margin: 0 auto;
    padding: 20mm; // Standard padding inside the page
    position: relative;
    box-sizing: border-box;

    // Ensure content stays within printable area
    overflow: hidden;

    @media (max-width: 215mm) {
        width: 100%;
        min-height: auto;
        margin: 0;
        box-shadow: none;
        padding: 15px; // Smaller padding for mobile
    }

    @media print {
        width: 100%;
        margin: 0;
        box-shadow: none;
        border: none;
        padding: 0; // Let the print margin handle it or use specific print padding if needed
        height: auto;
        min-height: auto;
        overflow: visible;
    }
}

// Adjust existing email body to fit
.email-body {
    padding: 0 !important; // Remove default padding as .a4-page handles it
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
    line-height: 1.6;

    @media print {
        font-family: 'Times New Roman', serif; // Use serif for print if requested, but consistnecy is usually better
    }
}