/* General font and spacing for the demo */
body {
    font-family: Arial, sans-serif;
    padding: 20px;
}

/* Wrapper to make the table scrollable on small screens */
.table-wrapper {
    overflow-x: auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

/* Basic Table Styling */
.zebra-table {
    border-collapse: collapse;
    /* Ensures borders are shared between cells */
    width: 100%;
    min-width: 600px;
    font-size: 0.9em;
}

/* Table Header */
.zebra-table thead tr {
    background-color: #009879;
    color: #ffffff;
    text-align: left;
}

/* Cell Spacing & BORDERS */
.zebra-table th,
.zebra-table td {
    padding: 12px 15px;
    /* 2. Added 1px grey border here */
    border: 1px solid #ccc;
}

/* Column Width Settings */
.zebra-table td:first-child {
    width: 20%;
}

.zebra-table td:nth-child(2) {
    width: 80%;
    vertical-align: top;
}

/* Image Auto-Adjustment */
.zebra-table img {
    width: 50px;
    height: auto;
    display: block;
}

/* 1. Zebra Striping Logic REMOVED */
/* .zebra-table tbody tr:nth-child(even) {
    background-color: #f3f3f3;
} 
*/

/* Bottom border for the last row - Optional: Keep or remove depending on preference */
.zebra-table tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}

.no-bottom-border {
    border-bottom: hidden !important;
}