@charset "utf-8";
/* CSS Document */

/* COLOURS AND FONTS */
/* #7B297F; EI Dark Purple */
/* #BB64BF; EI Purple */
/* #464646; EI Grey */
/* #000000; Black */
/* #FBFEF9; Baby Powder */
/* #E30022; Cadmium Red */

/* Global Styles */

.table-wrapper {
  overflow-x: auto;
  width: 100%;
}

table {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff;
  min-width: 700px; /* ensures scrolling on small screens */
}

th,
td {
  padding: 12px 16px;
  border: 1px solid #ddd;
  text-align: center;
}

thead {
  background-color: #BB64BF; /* EI Purple */
  color: #ffffff;
}

tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}

.highlight {
  background-color: yellow;
  color: black;
}

/* Mobile layout: only enable horizontal scroll, do NOT change table structure */
@media (max-width: 600px) {
  .table-wrapper {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
  }

  table {
    min-width: 700px; /* keeps table intact and scrollable */
  }
}