body
        {
            font-family: 'Arial' , 'Helvetica Neue' , Helvetica, sans-serif; /* Changed font */
            background-color: #f8f8f8; /* Slightly lighter background */
            margin: 0;
            padding: 20px; /* Added some padding to the body for print view */
            color: #333; /* Default text color */
        }
        
        .bill-container
        {
            background-color: #fff;
            border: 1px solid #ccc; /* Added a simple border */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            padding: 20px;
            max-width: 550px; /* Narrower for a bill look */
            margin: auto;
        }
        
        .bill-header
        {
            text-align: center;
            font-size: 24px; /* Slightly smaller header */
            font-weight: bold;
            margin-bottom: 15px; /* Reduced margin */
            color: #000;
            border-bottom: 2px dashed #ccc; /* Dashed line under header */
            padding-bottom: 10px;
        }
        
        .restaurant-name
        {
            /* Optional: If you want to add a restaurant name above the "Customer Bill" title */
            text-align: center;
            font-size: 20px;
            font-weight: bold;
            color: #333;
            margin-bottom: 5px;
        }
        
        .bill-info
        {
            margin-bottom: 15px;
            font-size: 14px;
            text-align: left;
        }
        
        .info-row
        {
            margin-bottom: 6px;
        }
        
        .bill-info-label
        {
            font-weight: bold;
            margin-right: 5px;
            display: inline;
        }
        
        .bill-info-value
        {
            display: inline;
        }
        
        .styled-grid
        {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 15px;
            font-size: 13px; /* Smaller font for item details */
        }
        
        .styled-grid th, .styled-grid td
        {
            border-bottom: 1px solid #eee; /* Lighter border for rows */
            padding: 8px 6px; /* Adjusted padding */
            text-align: left; /* Left align text in cells */
        }
        .styled-grid th:nth-child(1), .styled-grid td:nth-child(1)
        {
            /* No. column */
            text-align: center;
        }
        .styled-grid th:nth-child(3), .styled-grid td:nth-child(3), /* Rate */ .styled-grid th:nth-child(4), .styled-grid td:nth-child(4), /* Qty */ .styled-grid th:nth-child(5), .styled-grid td:nth-child(5)
        {
            /* Amount */
            text-align: right;
        }
        
        
        .styled-grid th
        {
            background-color: #f7f7f7; /* Lighter header for the grid */
            color: #333;
            font-weight: bold; /* Bold headers */
            border-top: 1px solid #ccc;
            border-bottom: 2px solid #ccc; /* Stronger bottom border for header */
        }
        
        .styled-grid td
        {
            background-color: #fff; /* Plain white for item rows */
        }
        
        .summary-section
        {
            /* Wrapper for summary table */
            margin-top: 20px;
            border-top: 2px dashed #ccc;
            padding-top: 10px;
        }
        
        .summary-table
        {
            width: 100%; /* Full width for summary */
            margin: 10px 0; /* Adjusted margin */
            font-size: 14px;
        }
        
        .summary-table td
        {
            padding: 6px 5px; /* Adjusted padding */
            text-align: right; /* Right align summary figures */
        }
        
        .summary-table td:first-child
        {
            text-align: left; /* Left align summary labels */
            font-weight: normal;
        }
        
        .grand-total-row td
        {
            font-size: 16px; /* Larger grand total */
            font-weight: bold;
            border-top: 1px solid #ccc; /* Separator line for grand total */
            padding-top: 8px;
        }
        
        .footer-message
        {
            text-align: center;
            font-size: 12px;
            color: #777;
            margin-top: 20px;
            padding-top: 10px;
            border-top: 1px dashed #eee;
        }
        
        .btn-print
        {
            display: block;
            margin: 25px auto 0; /* Increased top margin */
            background-color: #5cb85c; /* Green print button */
            color: white;
            border: none;
            padding: 10px 20px; /* Adjusted padding */
            font-size: 15px;
            border-radius: 4px;
            cursor: pointer;
            text-transform: uppercase;
        }
        
        .btn-print:hover
        {
            background-color: #4cae4c; /* Darker green on hover */
        }
        
        @media print
        {
            body
            {
                background: white;
                padding: 0; /* Remove body padding for print */
                font-family: 'Times New Roman' , Times, serif; /* Common print font */
                font-size: 12pt; /* Standard print font size */
                color: #000;
            }
            .bill-container
            {
                box-shadow: none;
                border: none;
                max-width: 90%;
                padding: 0;
                margin: 0;
            }
            .btn-print
            {
                display: none;
            }
            .bill-header
            {
                font-size: 18px;
                padding-bottom: 8pt;
                margin-bottom: 12pt;
            }
            .bill-info
            {
                font-size: 10pt;
                margin-bottom: 12pt;
            }
            .styled-grid
            {
                font-size: 10pt;
            }
            .styled-grid th, .styled-grid td
            {
                padding: 5pt 4pt;
            }
            .summary-table
            {
                font-size: 10pt;
            }
            .summary-table td
            {
                padding: 5pt 4pt;
            }
            .grand-total-row td
            {
                font-size: 12pt;
                padding-top: 6pt;
            }
            .footer-message
            {
                font-size: 9pt;
                margin-top: 15pt;
                padding-top: 8pt;
            }
        }