.ep-body {
    margin: 0;
    padding: 0;
    background-color: #fff !important;
    font-family: Arial, sans-serif;
    color: #333;
    min-height: 100vh;
}

.ep-body .ep-print-button-wrapper {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ep-body .ep-page-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ep-body .ep-container {
    flex: 1 0 auto;
    max-width: 900px;
    margin: 10px auto;
    padding-bottom: 20px;
}

.ep-body .ep-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: black;
}

.ep-body .ep-header-logo img {
    height: 80px;
    width: auto;
}

.ep-body .ep-doctor-info {
    text-align: right;
}

.ep-body .ep-doctor-name {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.ep-body .ep-doctor-qualifications,
.ep-body .ep-hospital-name,
.ep-body .ep-doctor-contact {
    font-size: 14px;
    margin: 2px 0;
}

.ep-body .ep-patient-info-section,
.ep-body .ep-medications-section {
    margin: 10px 0;
}

.ep-body .ep-patient-info-table,
.ep-body .ep-medications-table,
.ep-body .ep-summary-table,
.ep-body .ep-eye-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

    .ep-body .ep-eye-table th,
    .ep-body .ep-eye-table td {
        padding: 8px;
        border: 1px solid #DDD;
    }

    .ep-body .ep-medications-table th,
    .ep-body .ep-medications-table td {
        padding: 8px;
        border: 1px solid #DDD;
    }

    .ep-body .ep-patient-info-table td {
        padding: 3px;
    }

    .ep-body .ep-medications-table th,
    .ep-body .ep-eye-table th {
        background-color: #FFF;
        color: black;
    }

.ep-body .ep-table-container {
    break-inside: avoid;
    page-break-inside: avoid;
}

.ep-body .ep-advice,
.ep-body .ep-advice-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 8px 0;
}

.ep-body .ep-footer {
    flex-shrink: 0;
    background-color: #fff;
    padding: 10px 20px;
    color: black;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .ep-body .ep-footer img {
        width: 60px;
        height: auto;
    }

.ep-body .ep-border-none {
    border: none;
}

@@media print {
    @@page {
        size: auto;
        margin: 20mm 15mm 20mm 15mm; 
    }

    .ep-body {
        margin: 0;
        padding: 0;
    }

        .ep-body .ep-header {
            display: block;
            position: running(header);
        }

        .ep-body .ep-footer {
            display: block;
            position: running(footer);
            margin-top: auto;
            text-align: center;
            background: none;
            page-break-inside: avoid;
        }

        .ep-body .ep-medications-table thead,
        .ep-body .ep-eye-table thead {
            display: table-header-group;
        }

        .ep-body .ep-medications-table tr,
        .ep-body .ep-eye-table tr {
            page-break-inside: avoid;
        }

        .ep-body .ep-print-button-wrapper {
            display: none !important;
        }
}