/* --- START OF FILE style.css --- */
body { font-family: 'Lato', sans-serif; }
#report-content-area { padding: 15px; border-radius: 8px; margin-top: 10px; min-height: 50px; }

/* Styles for the report content *inside the modal* for screen viewing */
#modal-report-content { font-size: 10pt; line-height: 1.6; color: #333; }
#modal-report-content h1, 
#modal-report-content h2,
#modal-report-content h3,
#modal-report-content h4 { margin-top: 1.2em; margin-bottom: 0.6em; }
/* Specific styles for h1-h4, p, ul, ol, table, th, td, img inside modal-report-content 
   will largely come from the AI's <style> block in currentAiReportHTML_Full */

/* --- Print-specific styles for BROWSER PRINTING (IF USER MANUALLY PRINTS THE PAGE) --- */
/* These are general purpose print styles. The specific "Browser Print/Save PDF" button functionality was removed. */
@media print {
    body, html {
        background-color: #ffffff !important; color: #000000 !important;
        -webkit-print-color-adjust: exact !important; color-adjust: exact !important;
        margin: 0 !important; padding: 0 !important; width: auto !important;
        font-size: 10pt !important; font-family: 'Lato', Arial, sans-serif !important;
    }
    /* Hide elements not meant for PDF when printing the whole page */
    body > div.container > header, 
    body > div.container > div.input-section,
    body > div.container > button#generate-report-btn,
    body > div.container > section.report-output-status,
    body > footer,
    dialog#report_modal .modal-action, /* Hide all action buttons in modal when printing page */
    dialog#report_modal button#modal-close-btn,
    dialog#report_modal form.modal-backdrop
     {
        display: none !important;
    }
    
    /* If printing the page, we want the modal content to be the primary focus if it's open */
    /* This is a general approach, might need refinement if user prints while modal isn't primary */
    dialog#report_modal {
        position: static !important;
        display: block !important; /* Force display if it was hidden */
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 15mm !important; /* Page margins */
        border: none !important;
        box-shadow: none !important;
    }
    dialog#report_modal > .modal-box {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 0 !important; /* Margins handled by dialog#report_modal now */
    }
    dialog#report_modal #modal-student-name { /* Style the title for print */
        text-align: center !important; 
        font-size: 18pt !important; 
        font-weight: bold !important; 
        color: #33577B !important; 
        margin-bottom: 20px !important;
    }
    dialog#report_modal #modal-report-content {
        color: #000000 !important;
        font-size: 10pt !important;
        line-height: 1.5 !important;
    }
    dialog#report_modal #modal-report-content * {
        color: #000000 !important;
        background-color: transparent !important;
        background-image: none !important;
    }
     /* Add more specific print styles for elements inside #modal-report-content if needed */
    .page-break-before { page-break-before: always !important; }
}
/* --- END OF FILE style.css --- */