/* 🖨️ RamonSys - कॉमन प्रिंट स्टाइल */

@media print {
    
    /* 1. पेज मार्जिन और ओरिएंटेशन पैडिंग फिक्स */
    @page {
        margin: 0 !important;
    }

    body.print-portrait {
        padding: 1.5cm 1.2cm 1.5cm 1.2cm !important;
    }

    body.print-landscape {
        padding: 1.2cm 1.2cm 1.2cm 1.2cm !important;
    }

    /* 2. स्क्रीन के फालतू हिस्से, हेडिंग और फ़ॉर्म छुपाना */
    nav, .navbar, #sidebar, .sidebar, .page-header, .panel-heading, 
    .btn, button, .no-print, .navbar-side, .navbar-top, form, .form-inline {
        display: none !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* डेटा-टेबल्स के सॉर्टिंग तीरों को गायब करना */
    th::after, th::before, 
    .dataTable th::after, .dataTable th::before,
    .sorting::after, .sorting_asc::after, .sorting_desc::after,
    th[class*="sorting"]::after, th[class*="sorting"]::before {
        display: none !important;
        content: "" !important;
    }
    /* 3. मुख्य कंटेंट कंटेनर को फुल विड्थ करना */
 /*   #page-wrapper, .page-wrapper, main, .container-fluid, .panel, .panel-body {
        position: relative !important;
        margin: 0 !important;  
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
        float: none !important;
        width: 100% !important;
    }

    body.print-portrait #page-wrapper, 
    body.print-portrait .page-wrapper,
    body.print-landscape #page-wrapper, 
    body.print-landscape .page-wrapper {
        width: 100% !important; 
    } */

    /* 3. मुख्य कंटेंट कंटेनर को फुल विड्थ करना और डिफ़ॉल्ट मार्जिंस हटाना */
    #page-wrapper, .page-wrapper, main, .container-fluid, .panel, .panel-body,
    div[class*="wrapper"], div[class*="content"] {
        position: relative !important;
        margin: 0 !important;  
        margin-left: 0 !important; /* 👈 यह साइडबार के डिफ़ॉल्ट लेफ्ट मार्जिन को ज़ीरो करेगा */
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
        float: none !important;
        width: 100% !important;
        left: 0 !important;        /* 👈 किसी भी लेफ्ट शिफ्टिंग को रोकेगा */
    }

    body.print-portrait #page-wrapper, 
    body.print-portrait .page-wrapper,
    body.print-landscape #page-wrapper, 
    body.print-landscape .page-wrapper {
        width: 100% !important; 
        margin-left: 0 !important; /* 👈 लैंडस्केप और पोर्ट्रेट दोनों में मार्जिन लॉक */
        left: 0 !important;
    }








    /* 4. स्कूल हेडर को स्क्रीन/प्रिंट पर सेंटर अलाइन करना */
    .print-only-header {
        display: block !important;
        text-align: center !important;
        margin-top: 10px !important;
        margin-bottom: 25px !important;
        border-bottom: none !important;
        width: 100% !important;
    }

    .print-only-header h2 {
        color: #000000 !important; 
        font-size: 26px !important;
        font-weight: bold !important;
        margin: 0 0 5px 0 !important;
    }

    .print-only-header p, .print-only-header h4 {
        color: #000000 !important;
        margin: 5px 0 !important;
    }

    /* 5. टेबल को दोनों तरफ से एकदम बराबर (Full Width) सेट करना */
    .table-responsive, 
    #page-wrapper .table-responsive {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important; 
        border: none !important;
    }

    table, table.composite-table, table.dataTable, #page-wrapper table {
        width: 100% !important;
        min-width: 100% !important;
        margin: 0 auto !important;
        border-collapse: collapse !important;
        color: #000000 !important;
        table-layout: fixed !important; /* कॉलम को स्क्रीन से बाहर जाने से रोकेगा */
    }

    /* पोर्ट्रेट और लैंडस्केप में पैडिंग और फॉन्ट लॉक करना */
    body.print-portrait table { font-size: 10px !important; }
    body.print-landscape table { font-size: 11px !important; }

    th, td {
        border: 1px solid #000000 !important; 
        vertical-align: middle !important;
        padding: 6px 4px !important;
        word-wrap: break-word !important;
    }

    th {
        background-color: #f2f2f2 !important; 
    }

    /* हेडर का टेक्स्ट बिना शैडो के डार्क ब्लैक करना */
    .composite-table thead th {
        color: #000000 !important; 
        font-weight: bold !important;
        text-align: center !important;
        vertical-align: middle !important;
        border: 1px solid #000000 !important; 
        text-shadow: none !important; 
    }

    /* 6. डायनेमिक प्रिंट फुटर (Printed By, Date & Time) */
    .print-only-footer-html {
        display: block !important;
        position: fixed !important;
        bottom: 0.8cm !important; 
        left: 0 !important;
        width: 100% !important;
        font-size: 11px !important;
        border-top: 1px solid #000000 !important;
        padding-top: 5px !important;
        color: #000000 !important;
        background: transparent !important;
    }

    /* 🎯 फुटर में ऑटोमैटिक पेज नंबर (Page 1, Page 2) जनरेट करने के लिए */
    .print-only-footer-html .auto-page-number::after {
        content: "Page " counter(page);
    }

   html, body, #wrapper, #page-wrapper {
        left: 0 !important;
        margin-left: 0 !important;
    }


} /* 👈 यह @media print का सबसे आखिरी बंद होने वाला ब्रैकेट है */