<style>
    .mileage-report {
        font-family: Calibri, "Segoe UI", Arial, sans-serif;
        font-size: 10px;
    }

    .mileage-report-title-text {
        font-family: Calibri, "Segoe UI", Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
    }    

    .mileage-report-table {
        font-family: Calibri, "Segoe UI", Arial, sans-serif;
        font-size: 14px;
    }    

    .mileage-report-header {
        font-family: Calibri, "Segoe UI", Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
    }    

    .mileage-report-link {
        font-family: Calibri, "Segoe UI", Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
    }    

    .mileage-report-footer {
        font-family: Calibri, "Segoe UI", Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
    }    

    .ion-android-pin_green
    {
        color: #0f9d58;
    }
    /* Green band with logo + title (B1 image, B2:F2 background) */
    .mileage-report-header {
        background-color: #0f9d58;
        color: #ffffff;
        font-weight: bold;
        padding: 8px 10px;
    }

    .mileage-report-logo-title {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .mileage-report-logo-title img {
        width: 57px;
        height: 57px;
        object-fit: contain;
    }

    .mileage-report-title-text {
        font-size: 22px;
        font-weight: bold;
        line-height: 1.3;
    }

    /* www.jaggps.com row (B3) */
    .mileage-report-link {
        display: inline-block;
        margin-top: 4px;
        font-weight: bold;
        color: #0f9d58;
        text-decoration: none;
    }

    .mileage-report-link:hover {
        text-decoration: underline;
    }

    /* Table mimicking B5:F? grid */
    .mileage-report-table {
        border-collapse: collapse;
        margin-top: 10px;
        width: 100%;
        table-layout: fixed; /* mimic fixed column widths */
    }

    .mileage-report-table th,
    .mileage-report-table td {
        border: 1px solid #000000; /* thin black outline like styleThinBlackBorderOutline */
        padding: 3px 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Header row at head_index = 5 */
    .mileage-report-table thead th {
        background-color: #dfdfdf;
        text-align: center;
        font-weight: bold;
    }

    /* Approximate Excel column widths (5,20,20,15,25,100) */
    .col-idx   { width: 40px; }   /* "5" scaled down */
    .col-dt    { width: 160px; }  /* "20" */
    .col-ev    { width: 160px; }  /* "20" */
    .col-mi    { width: 85px; }  /* "15" */
    .col-hrs   { width: 75px; }  /* "15" */
    .col-hrst  { width: 105px; }  /* "15" */
    .col-ll    { width: 75px; }  /* "25" */
    .col-loc   { width: 400px; }  /* "100" */

    .mileage-report-row-odd {
        background-color: #ffffff;
    }

    .mileage-report-row-even {
        background-color: #dfdfdf;
    }

    .mileage-report-row-month {
        background-color: #6eb792;
    }

    /* TOTAL row like Excel green band for totals */
    .mileage-report-total-row {
        background-color: #0f9d58;
        color: #ffffff;
        font-weight: bold;
    }

    .mileage-report-footer {
        margin-top: 8px;
        color: #0f9d58;
        font-weight: bold;
    }

    .text-right {
        text-align: right;
    }

    .text-center {
        text-align: center;
    }

    .text-left {
        text-align: left;
    }

</style>
