﻿/*@media print {*/
    /* General page setup */
    /*body {
        font-family: "Segoe UI", Arial, sans-serif;
        font-size: 12pt;
        color: #000;
        margin: 20mm;
    }*/

    /* Hide interactive elements */
    /*.btn, .navbar, .card-footer, footer {
        display: none !important;
    }*/

    /* Transaction card watermark */
   /*  Header branding */
    /*.print-header {
        text-align: center;
        margin-bottom: 20px;
        border-bottom: 2px solid #333;
        padding-bottom: 10px;
    }

        .print-header h2 {
            margin: 0;
            font-size: 20pt;
            color: #2c3e50;
        }

        .print-header p {
            margin: 0;
            font-size: 10pt;
            color: #555;
        }
    .card {
        position: relative;*/ /* Needed for ::after positioning */
    /*}

        .card::after {
            content: "COEP Technological University";
            position: absolute;
            top: 30%;
            left: 10%;
            font-size: 32pt;
            color: rgba(200,200,200,0.2);
            transform: rotate(-30deg);
            z-index: 0;*/ /* behind content */
            /*pointer-events: none;
            width: 100%;
            text-align: center;
        }*/

    /* Transaction details table */
    /*table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 15px;
        table-layout: fixed;
    }

        table th, table td {
            border: 1px solid #ccc;
            padding: 10px 16px;
            text-align: left;
            vertical-align: top;
            word-wrap: break-word;
        }

        table th {
            width: 45%;
            background-color: #f8f9fa;
            font-weight: bold;
            font-size: 13pt;
            color: #2c3e50;
        }*/

    /* Page footer */
    /*.print-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 10pt;
        color: #777;
    }
}*/

/* Apply only when printing */
/*@media print {*/

    /* General page setup */
    /*body {
       
        font-family: "Segoe UI", Arial, sans-serif;
        font-size: 12pt;
        color: #000;
        margin: 20mm;
    }*/

    /* Hide interactive elements */
    /*.btn, .navbar, .card-footer, footer {
        display: none !important;
    }*/

    /* Header branding */
    /*.print-header {
        text-align: center;
        margin-bottom: 20px;
        border-bottom: 2px solid #333;
        padding-bottom: 10px;
    }

        .print-header h2 {
            margin: 0;
            font-size: 20pt;
            color: #2c3e50;
        }

        .print-header p {
            margin: 0;
            font-size: 10pt;
            color: #555;
        }*/

    /* Transaction details table */
    /*table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 15px;
        table-layout: fixed;*/ /* Ensures consistent column widths */
    /*}

        table th, table td {
            border: 1px solid #ccc;
            padding: 10px 16px;
            text-align: left;
            vertical-align: top;
            word-wrap: break-word;
        }

        table th {
            width: 45%;*/ /* Increase heading width */
            /*background-color: #f8f9fa;
            font-weight: bold;
            font-size: 13pt;
            color: #2c3e50;
        }*/

    /* Watermark */
    /*body::after {
        content: "COEP Technological University";
        position: fixed;
        top: 20%;
        left: 20%;
        font-size: 40pt;
        color: rgba(200,200,200,0.2);
        transform: rotate(-30deg);
        z-index: -1;
        pointer-events: none;
    }*/

    /* Page footer */
    /*.print-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 10pt;
        color: #777;
    }
}*/

@media print {

    /* Page setup */
    @page {
        size: A4;
        margin: 8mm;
    }

    body {
        font-family: "Segoe UI", Arial, sans-serif;
        font-size: 12pt;
        color: #000;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Hide unnecessary elements */
    .btn,
    .navbar,
    .card-footer,
    footer {
        display: none !important;
    }

    /* Fix Bootstrap container width */
    .container,
    .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Header */
    .print-header {
        text-align: center;
        margin-bottom: 10px;
        border-bottom: 2px solid #333;
        padding-bottom: 6px;
    }

        .print-header h2 {
            margin: 0;
            font-size: 20pt;
            color: #2c3e50;
        }

        .print-header p {
            margin: 0;
            font-size: 10pt;
            color: #555;
        }

    /* Card styling */
    .card {
        width: 100% !important;
        max-width: 100% !important;
        position: relative;
        margin: 0 !important;
        padding: 10px;
        border: 1px solid #ccc;
        box-shadow: none !important;
        page-break-inside: avoid;
    }

    .card {
        position: relative;
    }

        /* Watermark */
       /* .card::after {
            content: "COEP Technological University";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(-30deg);
            font-size: 40pt;
            color: rgba(150,150,150,0.25);
            white-space: nowrap;
            z-index: 0;
        }*/

       /* .card::after {
            content: "COEP Technological University";
            position: absolute;
            top: 30%;
            left: 10%;
            font-size: 32pt;
            color: rgba(200,200,200,0.2);
            transform: rotate(-30deg);
            z-index: 0;
           
            pointer-events: none;
            width: 100%;
            text-align: center;
        }*/
        /* Ensure content above watermark */
            .card > * {
            position: relative;
            z-index: 1;
        }

    /* Table styling */
    table {
        width: 100% !important;
        border-collapse: collapse;
        margin-top: 10px;
        table-layout: fixed;
    }

        table th,
        table td {
            border: 1px solid #ccc;
            padding: 8px 12px;
            text-align: left;
            vertical-align: top;
            word-wrap: break-word;
        }

        table th {
            width: 45%;
            background-color: #f5f5f5;
            font-weight: bold;
            font-size: 12pt;
            color: #2c3e50;
        }

    /* Footer */
    .print-footer {
        text-align: center;
        font-size: 9pt;
        color: #777;
        margin-top: 15px;
        border-top: 1px solid #ccc;
        padding-top: 5px;
    }
}