div.checker-formatted-name {display:inline-block, text-overflow: ellipsis;}

table.smp_movements_table {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
}

table.smp_movements_table tbody tr td {
  vertical-align: top;
  overflow: hidden;
}
.additional-info { font-size: 80%; }

table.smp_movements_table th { text-align: left; }
table.smp_movements_table .even { background-color: #dae7f8; }
table.smp_movements_table th.movement-date { width: 175px; }
table.smp_movements_table th { text-align: center; }
table.smp_movements_table .departure-cph { text-align:center; } //border-left: 2px solid #afafaf; }
table.smp_movements_table .destination-cph { text-align:center; }
table.smp_movements_table tbody tr td div.with-errors {border-radius: 10px; background-color: #ff6961; text-align: center; color: black; }
table.smp_movements_table tbody tr td.with-errors {background-color: #ff6961; text-align: center; color: black; margin }
table.smp_movements_table tbody tr td div.with-errors.left { margin-right: -10px; }
table.smp_movements_table tbody tr td.with-errors.left { border-radius: 10px 0px 0px 10px;  }
table.smp_movements_table tbody tr td.with-errors.right { border-radius: 0px 10px 10px 0px;  }
table.smp_movements_table .movement-direction { text-align: center; }
table.smp_movements_table .movement-date { text-align: center; }
table.smp_movements_table .advised-cph-warning { background-color: orange; color: #fff; font-weight: bold; padding: 0.3em; }

#cattle-events-table {width: max-content;  vertical-align: top;}

table.smp_movements_table thead tr th {
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-bottom: 0.5px solid #bbb; /* Lighter inner line separating header from data */
  background-color: #f9f9f9;
}

table.smp_movements_table tbody tr {
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-bottom: 0.5px solid #bbb;
}
/* apply to 3rd td or 2nd if the previous was a colspan 2 */
table.smp_movements_table tbody tr > td:first-child:not([colspan="2"]) + td + td,
table.smp_movements_table tbody tr > td:first-child[colspan="2"] + td {
  border-left: 1px solid #bbb;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal; /* Ensures text wraps normally before clamping */
  word-break: break-word; /* Prevents long unbroken strings from blowing out the cell */
}

