/* Screen styles - show all pages in one view */
@media screen {
    .printable-content {
        border: 1px solid #ddd;
        padding: 20px;
        margin-top: 20px;
    }

    .pdf-page {
        margin-bottom: 20px;
    }

    .pdf-page-break {
        border-top: none !important; /* Remove dashed line */
        padding-top: 20px;
    }

    .page-header {
        margin-bottom: 15px;
    }
}

/* Print/PDF specific styles */
@media print {
    @page {
        size: A4 landscape;
        margin: 25mm;
    }

    body, html {
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .no-print {
        display: none !important;
    }

    .printable-content {
        width: 100% !important;
        max-width: none !important;
        padding: 0 30px !important;
        margin-left: 10px !important;
    }

    .pdf-page {
        page-break-before: auto;
        page-break-after: always;
        page-break-inside: avoid;
        width: 100%;
        height: auto;
        margin: 0 20px !important;
        padding: 20px 15px !important;
    }

        .pdf-page:first-child {
            page-break-before: avoid;
        }

        .pdf-page:last-child {
            page-break-after: avoid;
        }

    .pdf-page-break {
        page-break-before: always !important;
        border-top: none !important; /* Remove dashed line for PDF */
        padding-top: 20px !important;
    }

    .master-schedule-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        padding: 0 15px !important;
        margin-left: 10px !important;
    }

    .month-column {
        width: 14% !important;
        flex: 0 0 14% !important;
        margin: 0 0.8% !important;
        padding: 0 5px !important;
        page-break-inside: avoid;
        break-inside: avoid;
    }

        .month-column:first-child {
            margin-left: 2% !important;
        }

    .month-header {
        font-weight: bold !important;
        margin-bottom: 8px !important;
        border-bottom: 1px solid #333 !important;
        padding-bottom: 4px !important;
        padding-left: 5px !important;
    }

    .day-row {
        margin: 0 !important;
        padding: 1px 0 !important;
        border: 0.5px solid #ddd !important;
        font-size: 0.6rem !important;
    }

    .day-date, .day-port, .day-arrival, .day-departure {
        padding: 2px 8px !important;
        font-size: 0.55rem !important;
    }

    /* Ensure colors are preserved */
    .day-row[style*="background-color:#cce1e1"] {
        background-color: #cce1e1 !important;
    }

    .day-row[style*="background-color:#afd0d1"] {
        background-color: #afd0d1 !important;
    }

    /* Remove unnecessary spacing for print */
    .mud-container {
        padding: 0 25px !important;
        margin: 0 !important;
    }

    .logo-circle {
        display: none !important;
    }

    .page-header {
        margin-bottom: 10px !important;
        padding-left: 15px !important;
    }
}