/* === Updated to match the attached table (colours + weight + lines) === */

.timeline-table{
  width:100%;
  border-collapse:collapse;
  font-family: inherit;
  color:#4b4f54; /* body text */
}

.timeline-table col.col-scope{ width:14%; }
.timeline-table col.col-action{ width:42%; }
.timeline-table col.col-term{ width:14.666%; }

.timeline-table .highlight-1 {
    background-color: #7d9297;
}
.timeline-table .highlight-2 {
    background-color: #70807f;
}
.timeline-table .highlight-3 {
    background-color: #8d8c87;
}
.timeline-table .highlight-4 {
    background-color: #d4d8da;
}
.timeline-table .highlight-5 {
    background-color: #ececee;
}
.timeline-table .highlight-6 {
    background-color: white;
}

.timeline-table th,
.timeline-table td{
  border-bottom:1px solid #d7dadd;  /* light grid line */
  vertical-align:middle;
  padding:10px 12px;
  font-size:16px;
  line-height:1.25;
}

.timeline-table thead th{
  border-bottom:4px solid #57585a;  /* dark header rule */
  font-weight:700;
  text-align:center;
  padding:12px 10px;
  color:#3f4348;
}

.timeline-table thead th.left-blank{
  text-align:left;
}

.timeline-table thead .sub{
  display:block;
  font-weight:400;
  color:#5b6066;
}

/* Left scope blocks */
.scope-cell{
  background:#e9eaec;              /* light grey panel */
  border-right:1px solid #d7dadd;   /* divider line */
  font-weight:700;
  color:#4b4f54;
}
.scope-cell small{
  display:block;
  font-weight:700;
  color:#4b4f54;
}

/* Action column */
.action-cell{
  color:#4b4f54;
}

/* Timeline bar cells */
.bar-cell{ padding:0; }
.empty{ height:34px; }

/* Bars – matched to screenshot */
.bar{
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
  color:#4b4f54;
}

/* Scope 1 bars (teal/green-grey) */
.bar-teal{ background:#7e8f8f; }      /* main teal */

/* Scope 2 bars (grey) */
.bar-grey{ background:#908f89; }      /* darker grey bar */

/* Photovoltaics bar (lighter grey, as shown) */
.bar-grey-light{ background:#d6d6d4; }

/* Forklifts only label */
.note{
  background:#d4d8da;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  font-weight:600;
  color:#4b4f54;
  white-space:nowrap;
}

/* Optional: slightly tighter row separators like the image */
.timeline-table tbody tr:last-child td{
  border-bottom:1px solid #c9cdd1;
}

/* 1st column (Scope) smaller */
.timeline-table tbody td.scope-cell {
  width: 14%;
}

/* 2nd column (Actions) larger */
.timeline-table tbody td.action-cell {
  width: 46%;
}

/* keep the 3 timeline columns sharing the remaining space */
.timeline-table thead th:nth-child(3),
.timeline-table thead th:nth-child(4),
.timeline-table thead th:nth-child(5),
.timeline-table tbody td:nth-child(3),
.timeline-table tbody td:nth-child(4),
.timeline-table tbody td:nth-child(5) {
  width: 13.333%;
}