<style>

@media print {
    /* 1. Baaki sab hide karo */
    body * { visibility: hidden !important; }
    
    /* 2. Sirf print area dikhao */
    #printable-area, #printable-area * { visibility: visible !important; }
    
    #printable-area {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
    }

    /* 3. TABLE KO "STRETCH" SE BACHANE KA LOGIC */
    #printable-area table {
        display: table !important;
        width: auto !important;          /* 100% hata diya, auto se table shrink nahi hoga */
        margin: 0 auto !important;       /* Center mein rahega */
        table-layout: auto !important;   /* Columns apne content ke hisaab se rahenge */
        border-collapse: collapse !important;
        min-width: 500px;                /* Table ko bahut chhota hone se bachayega */
    }

    /* Cell ko stretch hone se bachana */
    #printable-area th, #printable-area td {
        display: table-cell !important;
        white-space: nowrap !important;  /* Text line mein rahega, wrap nahi hoga */
        padding: 5px !important;
    }

    /* Header Color Fix */
    .pana-chart-header {
        background-color: #3cb371 !important; /* Green */
        color: #fff !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* Table Header (Days) Color Fix */
    #printable-area thead th {
        background-color: #000 !important; /* Black */
        color: #fff !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* Red Text (Red list) Color Fix */
    .red-text {
        color: #d32f2f !important;
        -webkit-print-color-adjust: exact !important;
    }
}
</style>