/* สไตล์สำหรับหน้าจอ */
body {
    font-size: 0.9rem;
    line-height: 1.5;
}

.report-container {
    background-color: white;
    padding: 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    margin: 1rem auto;
    max-width: 900px;
}

.report-header {
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #dee2e6;
    margin-bottom: 1.5rem;
}

.report-subheader {
    margin-top: 0.75rem;
    text-align: center;
}

.report-subheader h3 {
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

.report-subheader p {
    font-size: 0.85rem;
    color: #6c757d;
}

.section-title {
    color: #0d6efd;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 0.4rem;
    margin-bottom: 1.25rem;
    font-size: 1rem;
}

.standard-item {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed #dee2e6;
}

.standard-item:last-child {
    border-bottom: none;
}

.standard-item h5 {
    font-size: 0.95rem;
    margin-left: 1rem;
    margin-bottom: 0.5rem;
}

.standard-item p {
    text-align: justify;
    margin-left: 2rem;
    margin-bottom: 0.4rem;
    font-size: 0.8rem;
}

.signature-line {
    border-bottom: 1px solid #212529;
    width: 80px;
    margin: 0 100px 0.4rem 10px;
    padding-bottom: 0.4rem;
}

.signature-section p {
    font-size: 0.8rem;
    text-align: center;
    margin-bottom: 0.3rem;
}

/* สไตล์สำหรับการพิมพ์ */
@media print {
    body {
        background-color: white;
        color: black;
        font-size: 0.9rem; /* Match screen font size */
        line-height: 1.5; /* Match screen line height */
    }

    /* Hide navigation */
    nav, .navigation, .report-actions {
        display: none;
    }

    .report-container {
        background-color: white;
        padding: 1.5rem; /* Match screen padding */
        border-radius: 0.5rem; /* Match screen border radius */
        box-shadow: none; /* Keep no shadow for print */
        margin: 0;
        max-width: 900px; /* Match screen max-width */
    }

    .report-header {
        padding-bottom: 0.75rem; /* Match screen padding */
        border-bottom: 2px solid #dee2e6; /* Match screen border */
        margin-bottom: 1.5rem; /* Match screen margin */
    }

    .report-subheader {
        text-align: center;
        margin-top: 0.75rem; /* Match screen margin */
    }

    .report-subheader h3 {
        font-size: 1.25rem; /* Match screen font size */
        margin-bottom: 0.25rem; /* Match screen margin */
    }

    .report-subheader p {
        font-size: 0.85rem; /* Match screen font size */
        color: #6c757d; /* Match screen color */
    }

    .section-title {
        color: #0d6efd; /* Match screen color */
        border-bottom: 1px solid #dee2e6; /* Match screen border */
        padding-bottom: 0.4rem; /* Match screen padding */
        margin-bottom: 1.25rem; /* Match screen margin */
        font-size: 1rem; /* Match screen font size */
        page-break-after: avoid;
    }

    .standard-item {
        margin-bottom: 1.5rem; /* Match screen margin */
        padding-bottom: 0.75rem; /* Match screen padding */
        border-bottom: 1px dashed #dee2e6; /* Match screen border */
        page-break-inside: avoid;
    }

    .standard-item:last-child {
        border-bottom: none; /* Match screen style */
    }

    .standard-item h5 {
        font-size: 0.95rem; /* Match screen font size */
        margin-left: 1rem; /* Match screen margin */
        margin-bottom: 0.5rem; /* Match screen margin */
    }

    .standard-item p {
        text-align: justify;
        margin-left: 2rem; /* Match screen margin */
        margin-bottom: 0.4rem; /* Match screen margin */
        font-size: 0.8rem; /* Match screen font size */
    }

    .signature-section {
        margin-top: 2.5rem; /* Adjusted for spacing */
    }

    .signature-section .row {
        display: flex;
        justify-content: space-between;
    }

    .signature-section .col-md-6 {
        width: 48%; /* Ensure two columns */
        text-align: center;
    }

    .signature-line {
        border-bottom: 1px solid #212529; /* Match screen border */
        width: 80px; /* Match screen width */
        margin: 0 auto 0.4rem; /* Center and match screen margin */
        padding-bottom: 0.4rem; /* Match screen padding */
    }

    .signature-section p {
        font-size: 0.8rem; /* Match screen font size */
        margin-bottom: 0.3rem; /* Match screen margin */
    }

    @page {
        size: A4;
        margin: 1.5cm;
    }
}