#sum-table thead td {
  background-color: #e2efda;
}

#sum-table tbody > tr:last-child > td {
  border-bottom: 1px solid var(--border-color);
}

#sum-table td[data-value="@"] > span,
#sum-table td[data-value="0.00"] > span {
  display: none;
}
#sum-table tr:has(td[data-value="@"]) > td {
  background-color: #fce4d6;
}

span[data-name2] {
  display: none;
  font-weight: bold;
}

#sum-table tr:has(td[data-value="@"]) > td[data-sub-total] > span[data-name1] {
  display: none;
}
#sum-table tr:has(td[data-value="@"]) > td[data-sub-total] > span[data-name2] {
  display: inline;
}
#sum-table tr:has(td[data-value="@"]) .project-total {
  font-weight: bold;

}

#sum-tabel td[data-sticky] {
  position: sticky;
}

#sum-table thead td {
  position: sticky;
  top: 0;
  z-index: 3;
}

#sum-table td[data-sticky]:nth-child(1) {
  position: sticky;
  left: 0;
}
#sum-table td[data-sticky]:nth-child(2) {
  position: sticky;
  left: 8rem;
}
#sum-table td[data-sticky]:nth-child(3) {
  position: sticky;
  left: calc(8rem + 12rem);
  border-right: 3px double var(--border-color);
}

#sum-table td:nth-child(4) {
  border-left: none;
}

#sum-table thead td[data-sticky] {
  z-index: 5;
}

#sum-table thead td.mst {
  background-color: #ddebf7;
}

#sum-table td:not(.mst) + td.mst {
  border-left: 3px double var(--border-color);
}

#sum-table td.mst:has(+td.calc) {
  font-size: 11px;
}

#sum-table thead td.calc{
  background-color: white;
}

#sum-table td:not(.calc) + td.calc {
  border-left: 3px double var(--border-color);
}